GIS 4

Published : 11 August 2012 – updated on 3 March 2025 – by b_b – 1995 commentaires

Español, français, Português do Brasil
1
2
3
4
5
139 Votes

Présentation et nouveautés

La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles fonctions.

Cette nouvelle version de GIS permet d’utiliser différents fonds de carte sans avoir à charger des scripts externes, seuls les scripts locaux de Leaflet et des plugins nécessaires sont chargés dans vos pages. À ce jour, le plugin propose plus de 25 couches de fond de carte différentes. La plupart de ces couches sont basées sur des données sous licence libre ou Creative Commons. Toutefois, si vous le souhaitez il est encore possible d’utiliser les couches de Google [1] ainsi que la couche satellite de Bing.

Voir la présentation de GIS au State of the Map France 2015.

La mise à jour n’entraîne pas de rupture de compatibilité majeure. Seuls quelques paramètres ont été supprimés du modèle qui gère l’affichage des cartes : control_zoom ; control_pan ; ajaxload.

Installation et configuration

Ce plugin nécessite le plugin Saisies.

Une fois installé, le plugin est configurable depuis le menu «Configurer > GIS» ou à l’adresse ecrire/?exec=configurer_gis :

Cette page permet de définir les options suivantes :

  • Coordonnées et zoom par défaut à utiliser dans les cartes ;
  • Couche de fond de carte affichée par défaut et listes des couches disponibles ;
  • Afficher les champs d’adresse dans les formulaires d’édition des points ;
  • Liste des objets associables à des points GIS.

Utilisation dans l’espace privé

Le plugin ajoute un bloc sur les pages des éléments de SPIP dans l’espace privé. Ce bloc se déplie au survol de la souris. Les liens situés en tête du bloc déplié permettent de basculer d’un panneau à une autre :

  • Points liés affiche la liste des points liés à l’objet en cours avec la possibilité de détacher ou supprimer chaque point ;
  • Rechercher un point affiche un formulaire pour rechercher un point existant et le lier à l’objet en cours ;
  • Lier un nouveau point affiche le formulaire d’édition de point pour en créer un nouveau et l’attacher à l’objet en cours .

Une page de gestion des points du site est accessible depuis le menu Édition > Points géolocalisés.

Depuis cette page, vous pouvez accéder à la fiche d’édition de chaque point afin d’en modifier les coordonnées, les champs d’adresse ou le logo.

Utilisation du modèle pour insérer des cartes dans vos pages

Pour insérer une carte dans un squelette, utilisez le modèle fourni par le plugin en insérant le code suivant à l’endroit où vous souhaitez afficher la carte :

[(#INCLURE{fond=modeles/carte_gis,zoom=8,limit=100,scale=oui})]

Vous pouvez aussi utiliser le modèle fourni par le plugin pour afficher une carte depuis le contenu d’un article. Pour cela, il suffit d’ajouter ce code dans le texte de votre article :

<carte_gis1|zoom=8|limit=100|scale=oui>

Lire la documentation à propos des modèles sur spip.net.

Paramètres du modèle

paramètre valeurs
id_carte_gis / id_map id unique de la carte (à définir si plusieurs cartes sont affichées sur une même page)
lat = 48.3 latitude du centre de la carte
lon = -4.7 longitude du centre de la carte
zoom = 5 zoom de la carte
minZoom = 10 zoom minimum autorisé
maxZoom = 13 zoom maximum autorisé
default_layer = openmapsurfer nom de la couche affichée par défaut [2]
affiche_layers = openmapsurfer/opentopomap noms des couches proposées (séparés par des /)
sw_lat, sw_lon, ne_lat, ne_lon coordonnées des points de la bounding box à afficher
width = 100% largeur de la carte, 100% par défaut
height = 400px hauteur de la carte, 400px par défaut
style = non ne pas styler la carte
zoom_molette = non
zoom_wheel = non		 désactiver le zoom avec la molette de la souris, actif par defaut
gesture_handling = oui activer le mode qui permet à la carte de ne pas intercepter le scroll
fullscreen = oui afficher un bouton pour passer la carte en plein écran
control_type = non ne pas afficher le contrôle de changement de couche
control_type_collapsed = non afficher le contrôle de changement de couche replié (oui par défaut)
no_control = oui
aucun_controle = oui		 ne pas afficher les contrôles de la carte
scale = oui afficher l’échelle de la carte
overview = oui afficher une mini carte de situation
limit = 500 nombre max de marqueurs à afficher, 500 par défaut
objets = gis type d’objets à afficher (fichier json/gis_xx qui génère la source de données)
autocenterandzoom = oui
centrer_auto = oui		 centrer et zoomer la carte automatiquement pour afficher tous les marqueurs
autocenter = oui
centrer = oui		 centrer la carte automatiquement pour afficher tous les marqueurs (sans modifier le zoom)
tooltip = oui afficher une bulle d’info contenant le titre du point lors de son survol
kml = 12 fichier KML à superposer à la carte (id_document ou URL / élément unique, tableau ou liste d’items séparés par une virgule)
gpx = 12 fichier GPX à superposer à la carte (id_document ou URL / élément unique, tableau ou liste d’items séparés par une virgule)
geojson = 12 fichier GeoJSON à superposer à la carte (id_document ou URL / élément unique, tableau ou liste d’items séparés par une virgule)
centrer_fichier = non permet de ne pas centrer la carte automatiquement sur les fichiers kml/gpx surperposés
localize_visitor = oui
localiser_visiteur = oui		 centrer la carte sur la position du visiteur (API géolocalisation HTML5)
id_a_ouvrir id_gis de l’infobulle à afficher au chargement (marqueur uniquement)
point = non si elle vaut “non” cette option n’affichera pas de points du tout (utile pour n’afficher qu’un kml par exemple)
path_styles=#ARRAY{color,#fff} options de style des tracés issus de la couche GeoJSON (voir http://leafletjs.com/reference.html#path-options)
cluster = oui active le clustering
clusterMaxZoom = 11 regroupe les points jusque à ce zoom, mais pas au delà
maxClusterRadius = 80 rayon maximal (en pixels) qu’un cluster couvrira (80 par défaut)
clusterShowCoverageOnHover = oui Affiche au survol du cluster le contour de la zone couverte par les points regroupés
clusterSpiderfyOnMaxZoom = oui Active l’effet d’éclatement pour afficher les points qui se chevauchent
singleMarkerMode = oui Utilise les icones de cluster pour tous les points (même ceux qui ne sont pas dans un cluster)

Le paramètre objets

Ce paramètre vous permet de spécifier quel type d’objet vous souhaitez afficher sur la carte. Il peut prendre les valeurs suivantes : gis (valeur par défaut), articles, auteurs, documents, evenements, mots, rubriques, sites.

Si le paramètre “objets” vaut “articles”, vous pouvez utiliser en paramètre du modèle tous les critères utilisables sur une boucle ARTICLES.

D’un point de vue technique, le paramètre objets permet de définir quel squelette sera utilisé pour générer les données JSON qui alimenteront la carte. Lorsque le paramètre “objets” vaut “auteurs”, c’est le squelette plugins/gis/json/gis_auteurs.html qui est utilisé.

Avec l’option objets=point_libre, il est possible d’afficher une carte centrée sur un point non enregistré en base. Il faut alors indiquer la latitude et la longitude du point, ainsi que le zoom de la carte. On peut optionnellement donner un titre et une description à ce point, et définir une image pour le marqueur.

Exemple d’appel depuis le texte d’un article :

<carte_gis1|objets=point_libre|lat=48|lon=-5|zoom=10|titre=mon beau point|description=ma super description|icone=mon_image.png>

Depuis la version 4.8.10 il est possible d’afficher les points liés aux articles d’une branche (une rubrique et ses sous-rubriques) :

<carte_gis1|objets=articles_branche|id_rubrique=1>

Quelques exemples de cartes

Afficher les articles de la rubrique n°2 et superposer le KML correspondant au document n°2 :

[(#INCLURE{fond=modeles/carte_gis,
	objets=articles,
	id_rubrique=2,
	zoom=7,
	lat=48.214378965824345,
	lon=-4.543704986572266,
	kml=2})]

Afficher le ou les points liés à l’article n°2 et centrer la carte automatiquement pour afficher tous les points :

[(#INCLURE{fond=modeles/carte_gis,
	autocenterandzoom=oui,
	id_article=2})]

Afficher les points liés aux articles de l’auteur n°1 :

[(#INCLURE{fond=modeles/carte_gis,
	objets=articles,
	id_auteur=1,
	zoom=5})]

Afficher les auteurs du site :

[(#INCLURE{fond=modeles/carte_gis,
	objets=auteurs,
	zoom=5})]

Le modèle carte_gis_objet

Un second modèle existe pour un besoin plus précis : afficher toutes les informations géographiques liées à n’importe quel contenu de SPIP.

On lui donne donc au minimum les paramètres “objet” et “id_objet”, et le modèle n’affiche alors une carte que s’il y a au moins un point OU au moins un tracé (quelque soit le format, json, gpx, kml).

S’il y a plusieurs points, et plusieurs tracés, le modèle affiche tout ce qu’il arrive à trouver qui serait lié à l’objet demandé.

Pour plus de paramétrage, on peut continuer de passer les mêmes paramètres que pour le modèle par défaut “carte_gis”, car celui-ci est appelé par “carte_gis_objet”.

[(#REM) Exemple utilisant les paramètres propres au modèle + ceux du modèle classique ]
#INCLURE{fond=modeles/carte_gis_objet,
    id_carte_gis=evenement1234,
    objet=evenement,
    id_objet=1234,
    zoom_molette=non,
    fullscreen=oui,
    centrer_auto=oui}

Boucles et balises

Voici la liste des balises disponibles dans une boucle GIS : #ID_GIS, #TITRE, #DESCRIPTIF, #LAT, #LON, #ZOOM.

Et si vous avez activé le geocoder ou que vous avez rempli les champs d’adresse à la main : #ADRESSE, #PAYS, #CODE_PAYS, #REGION, #VILLE, #CODE_POSTAL.

Critère gis

Le critère {gis} permet de forcer une jointure sur la table GIS dans les boucles des autres objets. Ainsi, une boucle ARTICLES qui comporte le critère {gis}, affichera uniquement les articles attachés à un point (un article par point uniquement).

Les informations de ce point pourront être affichées avec les balises suivantes : #TITRE_GIS et #DESCRIPTIF_GIS, #ADRESSE_GIS, #PAYS_GIS, #CODE_PAYS_GIS, #REGION_GIS, #VILLE_GIS, #CODE_POSTAL_GIS.

Remarque : les balises sont suffixées afin d’éviter tout problème de champ homonyme avec un autre plugin.

<BOUCLE_gis(ARTICLES){gis}{id_rubrique ?}>
#ID_GIS - #LAT - #LON - #ZOOM <br/>
Titre de l'article : #TITRE <br />
Descriptif de l'article : #DESCRIPTIF <br />
Titre du point : #TITRE_GIS <br />
Descriptif du point : #DESCRIPTIF_GIS <br />
</BOUCLE_gis>

Critère distance

Le critère {gis distance<XX} permet de filtrer les résultats d’une boucle GIS en fonction de la distance (en kilomètres) par rapport au point présent dans l’environnement.

Par exemple, pour lister les points situés à moins de 50 kilomètres du point numéro 1 :

<BOUCLE_m(GIS){id_gis=1}>
<p>#TITRE / #LAT / #LON</p>
<BOUCLE_b(GIS){gis distance<50}>
<p>#ID_GIS / #TITRE / #DISTANCE km</p>
</BOUCLE_b>
</BOUCLE_m>

Critère distancefrom

Le critère {distancefrom} peut être utilisé soit lorsque le critère gis est présent sur un objet, ou lorsqu’on est déjà sur une boucle GIS.

Le critère ne sélectionne que les objets qui ont une localisation (un point lié) en respectant une certaine distance à un autre point qu’on donne en paramètre. Ce point peut être soit un tableau avec “lat” et “lon”, soit un id_gis.

Par exemple, pour trouver tous les articles dans un rayon de la variable “distance” autour d’un point donné :

<BOUCLE_c(ARTICLES){gis}{distancefrom #ARRAY{lat,#ENV{lat},lon,#ENV{lon}}, <=, #ENV{distance}}>
<p>#ID_GIS / #TITRE / #DISTANCE km</p>
</BOUCLE_c>

Formulaire d’édition de point

Le formulaire #FORMULAIRE_EDITER_GIS permet de créer ou modifier un point. Vous pouvez l’utiliser dans vos squelettes en respectant la syntaxe suivante :

#FORMULAIRE_EDITER_GIS{id_gis, objet, id_objet, retour}

Définition des paramètres du formulaire :

  • id_gis : identifiant numérique du point ou vide pour créer un nouveau point
  • objet : le type d’objet auquel est attaché le point
  • id_objet : id_objet de l’objet auquel est attaché le point
  • retour : url de retour vers laquelle le formulaire redirigera après validation

Par exemple, voici un extrait de code qui permet de modifier le point attaché à un article ou d’en créer un nouveau s’il n’y en a pas déjà un attaché à l’article.

<BOUCLE_unpoint(GIS){id_article}{0,1}>
#SET{id_gis,#ID_GIS}
</BOUCLE_unpoint>
#SET{id_gis,nouveau}
<//B_unpoint>
#FORMULAIRE_EDITER_GIS{#GET{id_gis},'article',#ID_ARTICLE,#URL_ARTICLE}

Personnalisation

Icône par défaut des marqueurs

Il est possible de définir une icône par défaut pour les marqueurs des cartes. Pour cela, il suffit de déposer l’image de votre icône personnalisée dans votre dossier squelettes :
squelettes/images/marker_defaut.png

Si vous le souhaitez, vous pouvez associer une image d’ombre à votre icône personnalisée toujours dans votre dossier squelettes : squelettes/images/marker_defaut_shadow.png

Personnaliser le contenu des infobulles

Le contenu des infobulles est généré à partir des attributs title et description de chaque item retourné par les squelettes JSON. Vous pouvez surcharger les squelettes du répertoires gis/json afin de personnaliser le contenu des infobulles.

Afin de simplifier ces personnalisations, il est plus simple de passer par un #INCLURE comme expliqué dans l’article Gis 4 Surcharger les infobulles.

Étendre la liste des paramètres du modèle carte_gis

Si vous utilisez des fichiers gis/json personnalisés il peut arriver que vous souhaitiez leur transmettre des paramètres avec des noms de votre choix. Par défaut, le plugin GIS autorise la liste de noms suivante :

  • toutes les clés primaires déclarées et connues
  • ainsi que ces variables : id_objet, id_secteur, id_parent, media, recherche, mots, pays, code_pays, region, ville, code_postal, adresse

Cette liste peut être enrichie en utilisant le pipeline gis_modele_parametres_autorises.

Exemple d’utilisation depuis un fichier mes_options.php :

$GLOBALS['spip_pipeline']['gis_modele_parametres_autorises'] .= "|nom_de_la_fonction";
 
function nom_de_la_fonction($flux) {
	$flux[] = 'machin';
	$flux[] = 'bidule';
	return $flux;
}

API de cartes statiques

Depuis la version 4.53.0 il est possible de générer des cartes statiques sous forme d’images à l’aide du filtre |gis_static_map.

Par exemple, le code suivant :

<BOUCLE_centrer(GIS){id_gis=1}>
[(#ID_GIS|gis_static_map{335,170,openstreetmap_fr,7})]
</BOUCLE_centrer>

Génère l’image d’une carte de 335 pixels de large et 170 de haut, centrée sur les coordonnées du point n° 1, avec pour fond de carte la couche openstreetmap_fr et un niveau de zoom à 7.

Détails des arguments du filtre :

gis_static_map{ID,largeur,hauteur,id_fond_carte,zoom,markers,latitude,longitude}
  • ID : ID du point à afficher
  • largeur : largeur de l’image
  • hauteur : hauteur de l’image
  • id_fond_carte : le nom de la couche à utiliser en fond de carte
  • zoom : le zoom de la carte
  • markers : les informations des markers à afficher sous la forme suivante lat;lon;url|lat;lon;url
  • latitude : la latitude du centre de la carte
  • longitude : la longitude du centre de la carte

Exemples d’usage avancés :

[(#REM|gis_static_map{335,170,openstreetmap_de,7,48.33;-4.76;https://www.vertlejardin.fr/plugins/vertlejardin/images/marker_defaut.png})]

Génère une carte avec une image de marker personnalisée dont le centre est défini à l’aide des paramètres latitude & longitude du filtre (sans utiliser l’identifiant d’un point GIS).

#SET{markers,#ARRAY}
<BOUCLE_articles2(ARTICLES){gis}{id_article=1}
>#SET{markers,#GET{markers}|push{#LAT;#LON;http://open.mapquestapi.com/staticmap/geticon?uri=pcenter.png}}</BOUCLE_articles2>

[(#REM|gis_static_map{335,170,openstreetmap_mapnik,'',#GET{markers}|implode{'|'}})]

Génère une carte affichant tous les points liés à l’article n° 1 en utilisant une image de marker personnalisée.

Liste des fonds de carte utilisables avec l’API et aperçu du rendu :

openstreetmap_mapnik,
openstreetmap_de,
openstreetmap_fr,
openstreetmap_hot,
opentopomap,
stamen_toner,
stamen_tonerlite,
stamen_terrain,
stamen_watercolor,
esri_worldstreetmap,
esri_delorme,
esri_worldtopomap,
esri_worldimagery,
esri_worldterrain,
esri_worldshadedrelief,
esri_worldphysical,
esri_oceanbasemap,
esri_natgeoworldmap,
esri_worldgraycanvas,
cartodb_positron,
cartodb_positron_base,
cartodb_darkmatter,
cartodb_darkmatter_base,
cartodb_voyager,
cartodb_voyager_base

Astuces et usages avancés

Vous pouvez consulter et partager vos astuces pour GIS sur cette page du carnet.

Footnotes

[1] Dans ce cas le plugin ajoutera les appels vers les scripts de Google dans vos pages afin de respecter les conditions d’utilisation restrictives de ce fournisseur.

[2] Liste des noms de couches disponibles : openstreetmap_mapnik, openstreetmap_blackandwhite, openstreetmap_de, openstreetmap_hot, bing_aerial, openmapsurfer... Voir la liste complète en ligne

Discussion

5 years 1 year 3 months Without limit
par date
Filter

482 discussions

  • 5
    perig

    Bonjour.
    Je tente d’utiliser le plugin leaflet-side-by-side qui permet d’afficher simultanément deux couches sur une carte. Ce qui permet, par exemple, de faire la même chose que sur le site IGN Remonter le temps. Voir par exemple ici.
    J’ai récupéré le plugin, je l’ai installé en suivant les indications de la page des astuces GIS. Vérification faite, le script est bien chargé au moment de la production du script par GIS. Mais comment appeler les deux couches sur ma carte ? Celles-ci sont bien présentes dans le fichier gis_options mais je ne vois pas où et comment les appeler ?

    Hors SPIP, je sais le faire en insérant les couches sous forme de variables dans ma page:

    var couche1 = L.tileLayer('https://data.geopf.fr/private/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&FORMAT=image/jpeg&STYLE=normal&LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN25TOUR&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&apikey=ign_scan_ws',                         {                         ignLayer: 'ORTHOIMAGERY.ORTHO-SAT.SPOT.2016',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         maxZoom: 15,                         attribution: 'IGN-F/Géoportail — 2016'                 }).addTo(map);            var couche2 = L.tileLayer('https://data.geopf.fr/wmts?layer=ORTHOIMAGERY.ORTHOPHOTOS.1950-1965&style=BDORTHOHISTORIQUE&tilematrixset=PM&service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}&apikey=orthohisto',                         {                         ignLayer: 'ORTHOIMAGERY.ORTHOPHOTOS.1950-1965',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         maxZoom: 15,                         attribution: 'IGN-F/Géoportail - 1952'                 }).addTo(map);                                 L.control.sideBySide(couche1, couche2).addTo(map);

    Mais comment faire dans SPIP GIS ?

    Merci d’avance pour votre aide.

    • perig

      Je me réponds moi-même (l’info pourra servir à d’autres). Même si tout n’est pas encore tout à fait résolu.

      Placer les lignes d’appel des deux couches vers la fin du script GIS d’appel d’une carte, à la suite de
      options: [(#ENV*{options,#ARRAY}|json_encode)]                                 });"
      sous la forme suivante (ne pas utiliser l’expression var) :
      couche1 = L.tileLayer('https://data.geopf.fr/private/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&FORMAT=image/jpeg&STYLE=normal&LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN25TOUR&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&apikey=ign_scan_ws',                         {                         ignLayer: 'ORTHOIMAGERY.ORTHO-SAT.SPOT.2016',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         maxZoom: 15,                         attribution: 'IGN-F/Géoportail — 2016'                 }).addTo(map);            couche2 = L.tileLayer('https://data.geopf.fr/wmts?layer=ORTHOIMAGERY.ORTHOPHOTOS.1950-1965&style=BDORTHOHISTORIQUE&tilematrixset=PM&service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}&apikey=orthohisto',                         {                         ignLayer: 'ORTHOIMAGERY.ORTHOPHOTOS.1950-1965',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         maxZoom: 15,                         attribution: 'IGN-F/Géoportail - 1952'                 }).addTo(map[(#GET{id})]));                                 L.control.sideBySide(couche1, couche2).addTo(map[(#GET{id})]));

      A la suite, ajouter
      L.control.sideBySide(layer1, layer2).addTo(map[(#GET{id})]);                                 map[(#GET{id})].dragging.disable();                                 map[(#GET{id})].touchZoom.disable();                                 map[(#GET{id})].doubleClickZoom.disable();

      Et ça fonctionne !

      Mais j’ai maintenant un message d’erreur lié aux cookies sur chaque tuile :

      Le cookie « session » a été rejeté car il se trouve dans un contexte intersite et sa valeur « SameSite » est « Lax » ou « Strict ».

      Et aussi un souci en css, le bouton “range” qui sert à agrandir/diminuer chacune des deux couches est décalé 50% sur la droite...

      Je cherche maintenant à rendre tout cela un peu plus propre...

    • b_b

      Content que tu aies trouvé et partagé ta solution. Pour info, tu dois aussi pouvoir le faire “plus proprement” en utilisant l’API JS de GIS cf Astuces GIS avec l’event ready de la carte cf $('#map1').on('ready', function(){.

    • perig

      Merci pour le conseil qui permet de ne pas toucher au script orginal... et ça marche en insérant :

      $('[#map(#ENV{id_definition})]').on('ready', function(){ // récupérer l'ide de la carte depuis le DOM var map = $('[#map(#ENV{id_definition})]').get(0).map;         layer1 = L.tileLayer('https://data.geopf.fr/wmts?&layer=ORTHOIMAGERY.ORTHOPHOTOS&style=normal&tilematrixset=PM&service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}',                 {                         layer: 'ORTHOIMAGERY.ORTHOPHOTOS',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         attribution: 'IGN-F/Geoportail - 2022'                 }).addTo(map);    layer2 = L.tileLayer('https://data.geopf.fr/wmts?layer=ORTHOIMAGERY.ORTHOPHOTOS.1950-1965&style=BDORTHOHISTORIQUE&tilematrixset=PM&service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}',                 {                         layer: 'ORTHOIMAGERY.ORTHOPHOTOS.1950-1965',                         style: 'normal',                         format: 'image/jpeg',                         service: 'WMTS',                         attribution: 'IGN-F/Geoportail - 1952'                 }).addTo(map);                         L.control.sideBySide(layer1, layer2).addTo(map);         //map.dragging.disable();         //map.touchZoom.disable();         //map.doubleClickZoom.disable(); })

      On alors obtient une image fixe avec le curseur qui permet de donner plus ou moins de place à l’une ou l’autre carte. En activant les trois dernières lignes (supprimer les “//”), on retouvr le controle du zoom et la possibilité de se déplacer dans la carte, même cela perturbe un peu par rapport au curseur. A chacun de choisir sa solution !

      Un problème cependant, De fait, on charge trois cartes, la carte appelée par le script d’origine de GIS restant présente en arrière plan, même si on ne la voit pas. Je n’ai pas trouvé comment empêcher son chargement. C’est aussi gênant parce qu’elle apparait dans les attributions (en bas à droite) alors qu’on ne la voit pas. Je n’ai pas non plus trouvé dans GIS comment supprimer l’attribution de la carte d’origine.

      J’ai aussi une flopée de messages d’erreur pour chaque tuile chargée (“Le cookie « session » a été rejeté car il se trouve dans un contexte intersite et sa valeur « SameSite » est « Lax » ou « Strict ».”). Je cherche pourquoi. Je ne sais pas si ça vient de Gis ou du site distant...

    • b_b

      > Un problème cependant, De fait, on charge trois cartes, la carte appelée par le script d’origine de GIS restant présente en arrière plan, même si on ne la voit pas. Je n’ai pas trouvé comment empêcher son chargement.

      Tu as tenté avec default_layer='' ? Ou en supprimant toutes les layers de la carte depuis l’vent ready avant d’ajouter les tiennes ?

      > Je ne sais pas si ça vient de Gis ou du site distant...

      Du site distant certainement, mais impossible de t’en dire plus vers une url publique de la page qui expose le problème.

    • perig

      Merci b_b de prendre le temps de me conseiller.
      J’ai testé default_layer='' mais ça ne marche pas. La carte alors ne charge plus. Mais j’ai trouvé la solution simple. Le plugin leaflet sbs impose de charger deux layers. Mais on peut laisser le première vide, et là ça marche. La carte originellement chargée par gis s’affiche bien et la seconde aussi. Voilà le code :

      $('[#map(#ENV{id})]').on('ready', function(){ // récupérer l'ide de la carte depuis le DOM var map = $('[#map(#ENV{id})]').get(0).map;         layer1 = L.tileLayer('',{}).addTo(map);    layer2 = L.tileLayer('https://data.geopf.fr/wmts?layer=ORTHOIMAGERY.ORTHOPHOTOS.1950-1965&style=BDORTHOHISTORIQUE&tilematrixset=PM&service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}',                 {                         attribution: 'IGN-F/Geoportail - 1952'                 }).addTo(map); },

      Mon site est en développement. Quand il sera achevé, je poserai un lien.

    Reply to this message

  • 4
    Florian

    Merci pour ce super plugin ! J’ai un souci par contre sur la personnalisation (Spip 4.3.6 et Gis 5.4.0). J’ai les champs de personnalisation dans la création de chaque point, mais cela ne s’applique pas. Et je n’ai pas ces champs quand je souhaite modifier un point.

    • b_b

      Qu’entends-tu par “champs de personnalisation” ? Si tu parles des champs couleur, épaisseur, etc, ça concerne le plugin GIS Geometries et non GIS en lui même.

    • Florian

      Au temps pour moi, comme j’ai activé “Afficher les champs de styles” dans la configuration GIS, ça m’a trompé. Je vois donc sur l’autre forum. Merci!

    • Florian

      En fait, je suppose que je n’avais pas compris. On ne peut pas changer la couleur des points, en fait, mais seulement celle des zones (avec Geometries) ?

    • b_b

      C’est bien ça oui :)

    Reply to this message

  • 2
    perig

    Bonjour,

    Existe-il une méthode permettant d’accéder à la page concernée en cliquant directement sur le marker ?

    J’ai vainement cherché dans la doc et sur la page Wiki des astuces GIS... Si quelqu’un peut me conseiller, il sera le bienvenu.

    J’ai des tooltips assez conséquents en contenu. Ils apparaissent quand on survole le marker avec le contenu de l’info-bulle. C’est parfait. Mais si l’on veut suivre le lien, il faut alors cliquer une première fois sur le marker, ce qui fait apparaître le popup (avec le même contenu info-bulle que le tooltip. C’est moche), puis cliquer une seconde fois sur le lien que j’ai posé dans l’info-bulle. Ce n’est pas très ergonomique !

    Bien amicalement.

    • b_b

      Pour cela il faut jouer avec l’API de Leaflet en se branchant sur l’event click des markers cf https://leafletjs.com/reference.html#marker-click ou plus simplement avec onEachFeature de la classe GeoJSON https://leafletjs.com/reference.html#geojson-oneachfeature

    • RastaPopoulos

      Je n’ai pas réussi à comprendre comment et surtout où utiliser oneachfeature puisque quand on est dans notre code à nous une fois la carte chargée, on a que accès à l’objet L.Map et pas à l’objet GeoJSON qui est chargé dynamiquement.

      Du coup ma solution bidouille pour le moment, mais qui marche sans que ça se voit que c’est une bidouille : je m’inscris dans l’événement : this.map.on('popupopen', function(e) { et dedans je cherche le premier lien trouvé avec e.popup.getElement().querySelector( et suivant le besoin soit go go sur le lien, soit j’ouvre une mediabox avec son contenu par ex. Et quand j’ai tout fini je e.popup.close(); et du coup on voit jamais la bulle ouverte.

    Reply to this message

  • 1
    Helem

    Bonjour

    Depuis, je pense la mise à jour vers GIS 5.4.0, j’ai un pb d’affichage des “marker” dans l’espace privé. Pour l’espace public, c’est OK.
    Cf image jointe.

    Avec Spip 4.2.16

    • b_b

      As-tu tenté de vider le cache ? Sinon, ajoute un &var_mode=recalcul à l’adresse de la page privée, ça devrait fixer le pb de cache.

    Reply to this message

  • 5
    ivandps

    Bonjour,
    le fond de carte ign_plan ne fonctionne plus sur mon site...

    Reply to this message

  • 7
    ivandps

    Bonjour,
    je crée une image superposée dans google earth.
    J’enregistre cette image en kml.
    Quand j’affiche le kml dans Gis, la photo est décalée.
    Auriez-vous une idée de la source de cet effet non désiré ?
    Merci

    Reply to this message

  • 1
    perig

    Bonjour,
    et merci b_b pour tes conseils sur le message précédent qui m’ont été bien utiles.
    J’ai une nouvelle difficulté que je n’arrive pas à résoudre. J’utilise “localize_visitor” pour récupérer la position gps de mon visiteur. Ça marche bien. Mais je voudrais, en fonction de sa position géographique, lui proposer des images proches du lieu où il est situé. Pour ce faire, j’appelle la fonction map[(#GET{id})].on('locationfound', onLocationFound), trouvée dans la doc de leafleft, dans laquelle je récupère latitude et longitude du visiteur, ce qui permet de charger un nouveau fichier json de toutes les images distantes d’1 km de sa position. Tout cela fonctionne mais je n’arrive pas à placer les points sur la carte, sans comprendre où est l’erreur.

     
function onLocationFound(e) {
var reg=new RegExp("[ ,()]+", "g");
var coord = e.latlng.toString().split(reg);	
var url = "https://mon_url/?page=gis_json_gps&lat=" + coord[1] + "&lon=" + coord[2];
	
jQuery(function(){
	$.getJSON(url, function(data){
      	// add GeoJSON layer to the map once the file is loaded
      	L.geoJson(data).addTo(map[(#GET{id})]);    	
});

(...)
 });
}

    Le fichier json est correctement chargé et contient une vingtaine d’éléments. Mais je n’arrive pas à placer les markers sur la carte... L.geoJson(data) n’est peut-être pas la bonne formule, mais je ne comprends pas par quoi la remplacer...

    Reply to this message

  • 5
    Sylvain Nogues

    Bonjour,
    je souhaite afficher une image qui est associée à un point GIS.
    Avec un spip 3.2, cette boucle me donne bien ce que je veux :
    <BOUCLE_m(GIS){id_gis}>      <p>[(#TITRE)]</p>      <BOUCLE_b(DOCUMENTS){id_gis}{0,1}>       ...affichage du doc...      </BOUCLE_b>    </BOUCLE_m>
    Mais elle ne donne rien en spip 4.2 (rien dans la boucle b) .
    Est-ce que c’est la nouvelle gestion des documents qui pose problème ?
    Ou bien est-ce un bug qui faisait que ça marchait avant ? ;)

    • b_b

      Salut, le document est bien publié ? Quelle est la requête sql générée par la boucle b ?

    • Sylvain Nogues

      Oui, le doc est dans le portfolio.

      SELECT documents.id_document, documents.id_document
FROM spip_documents AS 'documents'  
INNER JOIN spip_gis_liens AS L1 ON ( L1.id_objet = documents.id_document AND L1.objet='document')
WHERE (documents.statut = 'publie')
	AND (documents.mode IN ('image','document'))
	AND (documents.taille > 0 OR documents.distant='oui')
	AND (L1.objet = 'document')
	AND (L1.id_gis = 81)
	AND ((documents.id_document IN (SELECT * FROM(
SELECT zzzd.id_document
FROM spip_documents_liens as zzzd
WHERE ((((zzzd.objet='rubrique' AND 0=0) OR (zzzd.objet='article' AND ((zzzd.id_objet NOT IN (SELECT * FROM(
SELECT zzza.id_article
FROM spip_articles as zzza
WHERE 0=1) AS subquery)) AND 0=0))) OR (zzzd.objet='forum' AND (zzzd.id_objet IN (SELECT * FROM(
SELECT zzzf.id_forum
FROM spip_forum as zzzf
WHERE (((zzzf.objet='rubrique' AND 0=0) OR (zzzf.objet='article' AND ((zzzf.id_objet NOT IN (SELECT * FROM(
SELECT zzza.id_article
FROM spip_articles as zzza
WHERE 0=1) AS subquery)) AND 0=0))) OR (zzzf.objet NOT IN ('rubrique','article','breve')))) AS subquery)))) OR (zzzd.objet NOT IN ('rubrique','article','breve','forum')))) AS subquery)) OR (documents.id_document NOT IN (SELECT * FROM(
SELECT zzzd.id_document
FROM spip_documents_liens as zzzd) AS subquery)))
GROUP BY documents.id_document
LIMIT 0,1
    • b_b

      Ha oui, il manque la jointure sur la table gis_liens, je pense que tu araus le bon résultat en utilisant le critère {gis} sur ta boucle documents. Sinon, il faut forcer la jointure avec <BOUCLE_b(DOCUMENTS gis_liens).

    • Sylvain Nogues

      bah non, j’avais déjà tenté, mais ça ne change rien.
      Le truc à mon avis qui coince, c’est que c’est un doc rattaché à un point, et non un point rattaché à un doc, puisque le rattachement n’est pas symétrique...

    • Sylvain Nogues

      J’ai trouvé, en fait il fallait ajouter documents_liens, et non gis_liens.
      Ceci dit, est-ce que c’est normal que le comportement soit différent entre 2 versions de spip ?

      MErci encore une fois pour ton aide précieuse et rapide.

    Reply to this message

  • 3
    Victor

    Salut et merci pour ce plugin ! :)

    Le plugin Leaflet.GestureHandling améliore un peu l’ergonomie du scroll et gestures.

    -  du fait du mécanisme de chargement des js de GIS en ajax, je n’ai pas encore trouvé à quel moment charger le js du plugin (ajax ou autre) pour qu’à la fois il trouve bien leaflet, et que la carte soit bien initialisée avec.

    -  en surchargeant gis.js.html, et y ajoutant un #INCLURE{leaflet-gesture-handling.min.js}, tout fonctionne, mais ça semble pas idéal de surcharger ce fichier pour y ajouter une seule ligne.

    Existe-t’il un moyen plus propre d’injecter le js de plugins leaflet dans GIS ? Sinon est ce qu’un mécanisme d’injection, ou l’intégration du plugin en question directement dans GIS, est souhaitable ? Auquel cas je pourrai ouvrir un ticket pour avancer dessus.

    Merci d’avance pour toute pistes :)

    Victor

    Reply to this message

  • escurel

    Bonjour,
    gis 5.1.0, spip 4.2.10, php 7.4
    Pour les administrateurs restreints (statut “0minirezo” webmestre “non” ),
    Les entrées dans le menu édition et dans la barre rapide sont absents.
    Rien à ce sujet dans la page de configuration, dans paquet.xml les deux lignes pour les menus sont bien présents. C’est quoi qui clocherait ?
    cordialement

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom