GIS 4

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 :

  1. [(#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
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

[1Dans 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.

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

Discussion

450 discussions

  • 12

    Bonjour,
    Avec la version GIS 4.54.1 - stable + GIS BAN 0.0.6 - stable, sous SPIP 3.2.16 avec squelette Sarka-SPIP 3.4.10 [119880] => https://laccreteil.fr , vous constaterez que le moteur de recherche en haut à droite de la fenêtre ne fonctionne pas. (Tests avec Safari et Firefox)
    Bravo pour la possibilité d’utiliser les couches IGN!
    Merci.

    • Dans la console on voit l’erreur suivante quand on tente de recherche une adresse :

      Blocage du chargement du contenu mixte actif (mixed active content) « http://api-adresse.data.gouv.fr/search/?q=brest%20&limit=5&lat=48.785830623499294&lon=2.4630832672119145 »

    • Quelle signification?

    • Tu as cherché un peu avant de demander ? ^^

      Résumé, ton site est en https, tu lances une requêtes sur une API en http, le navigateur la bloque.

    • Pour sécuriser les échanges avec les mots de passe et autres données sensibles, j’utilise => Redirections HTTPS 0.1.3 - test - Sécuriser l’accès à certaines pages du site
      Pour certains OS et navigateur, il est préférable d’être en HTTPS, comme vous le constaterez pour de nombreux sites.
      Est-il possible de permettre l’utilisation en HTTPS par sécurité?

    • Nan mais c’est très bien le https, c’est juste que le plugin gis ban devrait faire des requêtes en https et pas en http, donc, le problème n’est pas du côté de GIS :)

    • J’ai utilisé https://api-adresse.data.gouv.fr/search/?q=brest%20&limit=5&lat=48.785830623499294&lon=2.4630832672119145 et la réponse ne pose pas de problème, donc est-il également possible d’intégrer le HTTPS dans la requête du plugin lors de recherches?

    • Je me répète, la question ne porte pas sur GIS mais sur GIS BAN et le bug est à corriger ici https://git.spip.net/spip-contrib-extensions/gisban/src/branch/master/inclure/inc-carte-gisban.html#L44

    • Seriez-vous en contact avez les créateurs de GIS BAN?

    • Je viens de faire la modification sur le fichier HTML, en passant de HTTP à HTTPS, cela fonctionne maintenant => https://laccreteil.fr
      Merci

    • Seriez-vous en contact avez les créateurs de GIS BAN ?

      Non, mais tu peux leurs signaler le problème sur la page dédiée à ce plugin (cf mon post précédent).

      Si personne ne répond, fais moi signe et je m’en chargerai, ou mieux, tu peux proposer la modification toi même en t’inscrivant sur la forge :) https://www.spip.net/fr_article825.html

    • Message posté sur GIS BAN... dans l’attente d’une réponse...
      Merci pour l’aide!
      Michel
      https://laccreteil.fr

    • Pour info, je n’ai pas encore eu de réponse et le plugin GIS BAN n’est à priori toujours pas compatible avec SPIP 4 et supérieur (contrairement à GIS4)

    Reply to this message

  • 13

    Bonjour,

    Je suis confronté à un petit problème et je tourne un peu en rond. GIS 4.53, Spip 4.0.7 et Spip 3.2.15.
    Il s’agit du bouton de fermeture des infobulles sur les cartes. Sur 2 sites j’ai des genres d’annuaires avec des markers et une infobulle qui apparait au clic, que l’on peut fermer, soit en cliquant ailleurs (ça marche), soit en cliquant sur la petite croix en haut à droite.

    Sur un site ça ne marche pas du tout pour la petite croix, le lien de la petite croix est “https://www.domaine.com/#close”, donc quand je clique dessus retour direct à l’accueil, et ceci sur les 2 cartes (celles qui affiche tous les membres et celle qui affiche un seul membre).

    Sur un second site, ça marche sur la carte des membres car le lien de la croix est “https://www.domaine.com/spip.php?page=annuaire#close”, par contre ça ne marche pas sur la carte qui affiche un individuel avec le même genre de lien que sur le premier site ...

    J’essaye depuis 1h de retrouver ce qui fait ce lien dans l’infobulle et comment je peux agir dessus ... je me dis qu’il faut probablement ajouter peut-être un filtre url absolue ou ajouter une racine avec l’url du site ou un #SELF pour m’assurer que le lien est complet mais je n’arrive pas à retrouver ou ... j’ai essayé tous les json et je me demande si je ne fais pas fausse route ... j’ai aussi regardé les modèles carte_gis.html qui a déjà des filtres |url_absolue. A noter aussi que le lien vers la fiche de la personne est bon, seule la croix a ce souci.

    Si quelqu’un connait l’endroit ou je devrais agir ... reconnaissance éternelle !
    Pierre.

    • Ça sent le javascript perso qui agit sur les liens du site de manière trop évasive et qui impacte ceux présents dans les cartes, mais je ne pourrais pas t’aider plus sans l’adresse de la page qui expose le problème :)

    • Oui bizarre mais en même temps c’est 2 sites différents avec des js différents (faits à 4 ans d’intervalle par 2 personnes différentes même si la seconde s’est quand même inspiré de la première) et en plus sur un site ça impacterait une page et pas l’autre ... perso j’avais plus l’impression d’un problème de modèle json ou gis ...

      Ce sont des sites visibles au public donc voici les liens:
      1/ Celui ou ça ne fonctionne pas sur 2 pages:
      -  https://www.natura-scop.org/les-entrepreneurs/paysagistes/ (carte globale)
      -  https://www.natura-scop.org/pro/rochaix (carte avec un seul marqueur)
      2/ L’autre:
      -  https://www.cabestan.fr/spip.php?page=annuaire (carte globale ok)
      -  https://www.cabestan.fr/pro/gudel (carte un marqueur pas ok)

      Si t’as une idée ou une piste merci !
      Pierre.

    • Une piste, sur le second site la page où ça bug comporte une balise <base href="https://www.cabestan.fr/" /> alors que l’autre non, il y a de grandes chances que ça soit la source du bug :)

    • Oui effectivement ça semble être une piste (j’ai bien ça sur les pages avec le problème) mais ça me plonge dans un abime de perplexité, d’abord parce que je n’ai pas souvenir d’avoir jamais utilisé cette balise mais ensuite surtout parce que je ne la trouve absolument nulle part dans mes squelettes !
      Je trouve une <pre><base href="_parent" /> </pre> dans GIS et c’est tout ... je suis en train de télécharger une copie actuelle des sites en local pour bénéficier d’une recherche globale plus efficace histoire de m’assurer d’ou ça peut bien venir ...
      Un plugin pourrait ajouter ça ? (car au vu du code source on dirait qu’effectivement c’est quelque chose qui s’ajoute à postériori, ça se met entre le <head> et le <title> alors que dans mes squelettes ces 2 balises sont bien consécutives ... ). Bref je continue mes recherches.
      Merci pour cette piste !
      PC

    • A priori je confirme, je n’ai rien qui met cette balise dans mes squelettes ni même dans les plugins.
      Mais finalement je doute que ce soit la raison car si j’ajoute volontairement <base href=""> ou <base href="/"> ou encore <base href="https://urldusite.tld"> ou même <base href="https://urldusite.tld/"> ça semble empêcher l’ajout des balises <base> que tu as vues mais ça ne change rien à ce comportement ...

      Par curiosité j’ai été regarder d’autres sites qui utilisent GIS et la moitié ont le problème et l’autre moitié non, j’y perd mon latin, en tous cas nos squelettes ne mettent pas ces balises, c’est ajouté par autre chose, ou alors j’ai pas les yeux en face des trous :-)
      Pierre

    • Perso je n’ai jamais eu ce bug, et pourtant j’ai fait un paquet de site avec GIS :p Mais une chose est certaine, je n’utilise jamais les urls arbos, cherche de ce côté pour la balise base...

    • Bingo c’est ça, si je passe en “URL libres” je n’ai plus le problème. J’ai tenté le plugin “Couteau Kiss” que je ne connaissais pas, y’a une option "ne pas ajouter la balise “base’”, ça explose le site ...
      Je vais donc faire un autre message sur Discuter pour voir ... car changer d’url sur un site qui a 2-3 ans c’est un peu chaud en terme de référencement ...
      Merci !
      Pierre

    • Hop,

      car changer d’url sur un site qui a 2-3 ans c’est un peu chaud en terme de référencement

      Pas du tout, car SPIP est bon comme le pain et assure la pérennité des urls quand on change de jeu d’url :)

    • Bonjour,
      J’ai un site en développement local avec des urls arbos et gis (4.50.6
      version que j’ai pas mal customisée)
      Et je n’ai pas de problème au close du popup.
      En fait, le lien href est inutile au fonctionnement.
      Tu peux essayer de supprimer le “default” pour le click sur le lien x :

      $('body').on('click', ".leaflet-popup-close-button", function (e) {
      	e.preventDefault();
      });
    • C’est une bonne piste Michel, le bug est apparu dans Leaflet 1.8.0 et sera corrigé dans la prochaine version cf https://github.com/Leaflet/Leaflet/issues/8159 & https://github.com/Leaflet/Leaflet/commit/2da373f2ab314586e63c941bba2f1b7e7a19c208

    • Ok b_b,
      pas étonnant donc qu’avec ma version plus ancienne je n’ai pas
      ce problème.

    • Effectivement j’ai leaflet 1.8.0 ça semble une autre piste (qui remonte à mon premier diagnostic, un souci GIS ou leaflet) qui se révèle en combinaison avec la balise “base” ajoutée avec URL arbo.

      Par contre et par curiosité (puisque pour l’instant je vais garder la nouvelle ré-écriture d’url finalement satisfaisante), ce changement doit être fait ligne 10029 de leaflet-src.js c’est bien ça ... et ensuite re-minifié en leaflet.js ?

    • Si revenir à l’ancienne version n’est pas une solution retenue, alors plutôt que de modifier leaflet, le “preventDefault” (voir l’exemple ci-dessus) peut être ajouté simplement par un javascript mis directement dans la page.
      Il faut que le DOM soit déjà construit, donc soit en bas de page (après le body), soit encapsulé dans un listener de “DOMContentLoaded” par exemple.

    Reply to this message

  • 1

    Bonjour,

    Tout d’abord, félicitations et merci beaucoup pour ce superbe plugin GIS qui est d’une grande utilité pour la mise en ligne de cartographies sous SPIP.

    Nous l’utilisons sur notre site internet (SPIP 3.2.13 et GIS 4.51.1) et nous aimerions, grâce à lui, réintégrer dans un article de notre site cette cartographie développée sur un autre site dont nous reprenons les contenus (bien sûr, nous avons l’accord des auteurs de ce site ;)).

    N’ayant pas trouvé d’informations en ce sens dans la documentation du plugin, pourriez-vous me dire si le plugin actuel permettrait de :

    1. importer massivement les 224 points géolocalisés que nous avons à reprendre, sans avoir à les recréer manuellement un à un
    2. disposer d’un système de filtrage des points utilisable sur la carte (comme dans la carte visible par le lien fourni)
    3. disposer d’un moteur de recherche utilisable par nos internautes pour trouver des points dans cette carte (là aussi, comme dans la carte visible par le lien fourni).

    Un grand merci d’avance pour votre retour.

    SB.

    • Salut, ton cas est assez spécifique, c’est pour ça que tu n’as pas trouvé de d’info à ce sujet dans la doc :)

      1) tu peux demander à la personne qui gère la carte originale si elle peut te mettre à dispo son contenu au format geojson, ainsi tu pourras l’afficher dans ton site à l’aide d’une boucle DATA par exemple, ou avec l’option geojson du modèle de la carte.
      2) pour cela il faudra passer par une boucle data pour récupérer le contenu de la carte, et t’inspirer de cet article de la doc Tutoriel : créer une carte interactive avec GIS4
      3) pour ce dernier point, tu peux le faire à l’aide d’une simple recherche dans la boucle data qui alimente ta carte (en ajax ça sera mieux) ou à l’aide d’un plugin leaflet que tu devras insérer dans ta page

      Bref, pas de solution clé en main, désolé, mais rien d’insurmontable, c’est le genre de chose que je fais souvent sur les sites que je réalise avec GIS :)

    Reply to this message

  • 1

    Bonjour
    Avec Spip 4.0.6 et GIS 4.52.0

    Pour un point GIS créé sans rien mettre dans le “descriptif” du point.
    Lorsque j’insère ce point GIS dans un “objet” (événement par exemple), l’info-bulle du point GIS affiche bien le “titre” du point (ça c’est bien), mais elle affiche aussi le “descriptif” de l’objet dans lequel il est affiché : ça c’est moins bien, et pour ma part, ce n’est pas désiré...
    Je contourne alors en saisissant juste “~” (espace insécable) dans le descriptif du point.
    Si une option dans la page de configuration du plugin permettait de configurer ce qui est affiché dans l’infobulle, ce serait pas mal...

    Merci.

    • Salut, il n’y pas d’option pour ça, mais ce type de personnalisation est bien possible et documenté ici même dans la partie “Personnaliser le contenu des infobulles”.

    Reply to this message

  • 2

    Bonjour,
    Le site est sur SPIP 4.1.
    avec GIS 4.52.0
    et PHP 8.1.

    Quand je cherche à créer et associer un point géolocalisé
    j’obtiens le message d’erreur suivant :

    Erreur d’exécution ../plugins/auto/gis/v4.52.0/prive/squelettes/contenu/gis_edit.html | File […]/ecrire/inc/autoriser.php Line 106 : autoriser(): Argument #5 ($opt) must be of type array, string given, called in […]/ecrire/public/composer.php(96) : eval()’d code on line 24

    Qui peut m’aider ?
    D’avance merci.

    Reply to this message

  • 3

    Bonsoir
    Question sans doute un peu bête, mais je ne trouve pas.
    Parmi mes points Gis définis, je souhaiterais, par exemple pour le point Gis1, afficher sa carte dans le squelette de mon pied de page.
    Et bien, après lecture de plein de choses (documentation, forum, astuces) je n’y arrive pas. Sans doute parce que ce point n’est lié à aucun “objet” : il ne sera jamais lié ni à un article, ni à une rubrique, ni à un événement. Il n’aurait d’autre vocation que de se trouver inclus dans le pied de page...

    • Un truc comme ça ?

      [(#INCLURE{fond=modeles/carte_gis,autocenterandzoom=oui,id_gis=1})]
    • Ah ben oui, tout à fait, j’aurais dû trouver...
      Merci.

    • Je complète ma réponse :
      Placé dans le squelette du pied de mes pages,
      [(#INCLURE{fond=modeles/carte_gis,autocenterandzoom=oui,id_gis=1})] affiche bien la carte du point Gis 1.
      Mais si un point Gis est déjà présent dans le “contenu” de la page, la carte insérée dans le pied n’affiche plus qu’un grand espace vide.
      Cela est dû au fait que l’id_map=1 est utilisée deux fois : d’abord par l’insertion dans le contenu, puis par celle du pied.
      En estimant que jamais il n’y aura 10 cartes affichées dans le même contenu, j’ai complété l’inclure du pied en ajoutant : id_map=10 :

      [(#INCLURE{fond=modeles/carte_gis,autocenterandzoom=oui,id_map=10,id_gis=1})]

    Reply to this message

  • 1

    Bonjour,
    dans un site sous HTML5up Escape Velocity
    quand j’insère une carte du plugin GIS
    avec un modèle

    <carte_gis175|objets=articles_branche|scale=oui|id_rubrique=4|default_layer=openstreetmap_hot|fullscreen=oui|overview=oui|zoom=19|height=600px|kml=410>

    le fond de carte n’apparait pas (zone grisée à la place des dalles) sur un mobile Apple iphone 8. Il apparaît sur un Android.
    Exemple
    En revanche, les cartes appelées à partir du squelette apparaissent bien.
    Exemple

    Une idée ? Merci !

    • As-tu essayé depuis un squelette issu de la dist ? Je pense que ça vient d’une règle CSS du squelette HTML5up un peu trop évasive qui impacte les images de fond de carte (possiblement dans le reset.css j’ai déjà dépanné quelqu’un qui avait un pb similaire).

    Reply to this message

  • 5

    Bonjour,
    J’ai essayé d’écluser le forum tellement je crois que le sujet à dû être déjà abordé. Ceci étant dit, je n’ai rien trouvé.
    Donc, je tente de poser ma question. Mon but étant d’afficher un popup “Pouet” en cliquant sur la carte.

    La carte s’affiche sur ma page avec GIS. Elle a pour identifiant “map1”.
    Si je tape dans la console firefox, dans cet ordre, le javascript suivant:

    1. var popup = new L.Popup();
    2. function onMapClick(e) {
      popup.setContent("Pouet");
      map1.openPopup(popup);
      }
    3. map1.on('click', onMapClick);.

    Quand je clique sur la carte, mon popup “Pouet” s’affiche bien au clic. C’est parfait.

    Maintenant, si j’ajoute le code suivant dans le squelette de ma page, mais en dessous de l’inclusion de la carte:

    <script>
        var popup = new L.Popup();
        function onMapClick(e) {
            popup.setContent("Pouet");
            map1.openPopup(popup);
        }
        map1.on('click', onMapClick);
        map1.invalidateSize();
    </script>

    À ce moment là, le popup ne s’affiche pas au clic sur la carte. Je n’ai pas d’erreur dans la console de firefox. Vous noterez que j’ai mis “map1.invalidateSize();” en dernier. J’ai l’impression que c’est inutile dans mon cas, car la carte est bien affichée au chargement de la page, sans action supplémentaire. Mais vu que c’est souvent cité comme une erreur récurrente, je me suis dit que je n’avais peut être pas bien compris…

    Il me faut taper manuellement ensuite ceci dans la console pour que ça fonctionne:

    1. var popup = new L.Popup();
    2. map1.on('click', onMapClick);.

    J’en conclue que si je n’ai pas besoin de retapé la fonction “onMapClick”, c’est que mon code est pourtant bien pris en compte.
    Cependant, si je ne retape pas “var popup = new L.Popup();”, j’ai une erreur dans la console pour me dire “popup is undefined”.

    Décidément, j’ai bien du mal à me faire à la logique de javascript et à son débogage.

    • Il faut passer par l’événement ready de la carte pour ça cf https://contrib.spip.net/Astuces-GIS#API-Javascript-de-GIS :)

    • Merci b_b pour cette réponse. Cependant, je ne comprend pas bien ce qu’il faut faire avec l’événement “ready”.

      Voici un exemple de ce que j’ai pu essayer sans trop y croire, et pour cause:

              var popup = new L.Popup();
              function onMapClick(e) {
                  popup.setContent("Pouet");
                  map1.openPopup(popup);
              }
              map1.on('ready', onMapClick);
              map1.invalidateSize();

      J’ai également tenté ceci, sans succès:

              var popup = new L.Popup();
              function onMapClick(e) {
                  popup.setContent("Pouet");
                  map1.openPopup(popup);
              }
              map1.on('ready', function(){
                  map1.on('click', onMapClick);
                  map1.invalidateSize();
              });

      Bref, je ne vois pas comment utiliser cet événement “ready”.

    • Je t’ai donné un exemple d’utilisation sur IRC, tiens nous au courant si tu as réussi à faire ce que tu souhaites :)

    • Merci b_b .
      Je n’ai toujours pas réussi à arriver à mes fins.
      Tu m’avais donné cet exemple: https://www.vertlejardin.fr/spip.php?rubrique34

      J’ai essayé tant bien que mal de le réutiliser. J’arrive donc à ça:

          <script type="text/javascript">
              ;(function($){
                  $(function(){
                      $('#map1').on('ready', function (){
                          var map = this.map;
                          var popup = new L.Popup();
                          function onMapClick(e) {
                              popup.setContent("Pouet");
                              map.openPopup(popup);
                          }
                          map.on('click', onMapClick);
                      });
                  })
              })
          </script>

      Et je n’arrive toujours pas à afficher le popup. :-(

    • Et voilà quelque chose qui fonctionne:

      $('#map1').on('ready', function (){
          var map = this.map;
          var popup = new L.Popup();
          function onMapClick(e) {
              popup.setLatLng(e.latlng);
              popup.setContent("<:skel_lhc:coordonnees_clic:>");
              map.openPopup(popup);
          }
          map.on('click', onMapClick);
      });
      

      Merci.

    Reply to this message

  • Bonjour.

    Il y a une époque au début du plugin GIS où j’avais créé mon propre plugin de surcharge pour permettre d’afficher des points de géolocalisation en fonction d’un mot-clé du site auquel ils sont liés.
    C’est ce qui est mis en œuvre ici: https://www.heureux-cyclage.org/les-ateliers-en-france.html (il faut cliquer sur la liste de calque pour voir apparaître les mots clés).

    J’aimerai reproduire aujourd’hui la même chose, mais à l’époque, j’avais dû beaucoup surcharger le plugin GIS pour arriver à ce résultat.

    Est-ce qu’il existe depuis un moyen élégant, prévu par le plugin, ou par un plugin de surcharge, de faire ça aujourd’hui?

    Merci.

    Reply to this message

  • 7

    Bonjour,
    est-ce que cette Astuces GIS, pourrait permettre d’ajouter le geoportail à la liste des couches de fond de carte disponibles ?
    À lier cela à la documentation Géoservices IGN, cela donnerait qcq chose comme

    $GLOBALS['gis_layers']['dede'] = array(
            'nom' => 'Geoportaille',
            'layer' => 'L.tileLayer("https://wxs.ign.fr/CLEF/geoportail/wmts? … suite ?…")'
    );

    Qu’est ce que dede = identifiant technique de la couche ?
    à quoi correspond dans l’exemple /997/256/z/x/y.png ?

    • Oui, c’est bien ce qu’il faut faire, ce qui donne pour cet exemple https://geoservices.ign.fr/documentation/utilisation_web/wmts-leaflet.html#r%C3%A9sultat :

      $GLOBALS['gis_layers']['cloudmade'] = array(
      	'nom' => 'CloudMade',
      	'layer' => 'L.tileLayer(
                  "https://wxs.ign.fr/CLEF/geoportail/wmts?service=WMTS&request=GetTile&version=1.0.0&tilematrixset=PM&tilematrix={z}&tilecol={x}&tilerow={y}&layer=ORTHOIMAGERY.ORTHOPHOTOS&format=image/jpeg&style=normal",
                  {
                      minZoom : 0,
                      maxZoom : 18,
                      tileSize : 256,
                      attribution : "IGN-F/Géoportail"
                  })'
      );

      Qu’est ce que dede = identifiant technique de la couche ?

      Un identifiant interne de ton choix, qui doit être unique et sans espaces.

    • Super, Merci !
      j’ai ajouté le code ci-dessus dans config/mes_options.php (ou mes_fonctions.php) avec layer=GEOGRAPHICALGRIDSYSTEMS.MAPS pour avoir les cartes IGN , et c’est tout bon ! (alors que mes essais en modifiant 5 fichiers de GIS …)
      Il me reste à trouver comment intégrer le gestionnaire de couches, et je l’ajoute dans les astuces !…

    • Dans la Configuration de GIS, Couches proposées, on peut, avec la touche Ctrl, sélectionner plusieurs couches ! (ça ne semble pas évident à priori et pas signalé dans la doc ci-dessus …).
      Ainsi, en ajoutant control_type=oui au modèle, on peut facilement switcher d’une carte à l’autre parmi celles choisies ! (ça ne permet pas de régler le niveau de transparence mais c’est déjà bien !)

    • ça ne semble pas évident à priori et pas signalé dans la doc ci-dessus : dans installation et configuration modifier l’image simplement en suggérant que plusieurs choix sont possibles suffirait :

    • Hop,

      ça ne semble pas évident à priori et pas signalé dans la doc

      Ben c’est juste le comportement natif d’un select multiple, c’est pour ça que je n’avais jamais pensé à le signaler dans la doc :p Mais comme tu le signales, cela vaudrait peut-être le coup de le mentionner (?).

    • Bonjour,
      ça marchait tranquille depuis ce temps … Mais, renouvèlement de contrat, de clé, et après qcqs heures à m’arracher les cheveux et surfer de docs en forums, je retombe la dessus. (Serais-je le seul à utiliser gis et geoportail, ou serait-ce si facile que o).
      Ouf, je n’ai donc qu’à changer la clé geportail dans /config/mes_options.php ! (plutôt que /config/mes_fonctions.php ?)
      ce que je fais donc, en tenant compte des nouvelles directives de geoservices.ign.fr/services-web-issus-des-scans-ign : «wmts?SERVICE=WMTS&REQUEST=GetCapabilities» :

      $GLOBALS['gis_layers']['geoign'] = array(
              'nom' => 'Geoportail IGN',
              'layer' => 'L.tileLayer(
                  "https://wxs.ign.fr/CLEF/geoportail/wmts?SERVICE=WMTS&REQUEST=GetCapabilities
      // minuscule majuscule ? et la suite comme avant ? (j'ai tout essayé …) :
      &request=GetTile&version=1.0.0&tilematrixset=PM&tilematrix={z}&tilecol={x}&tilerow={y}&layer=GEOGRAPHICALGRIDSYSTEMS.MAPS&format=image/jpeg&style=normal",
                  {
                      minZoom : 0,
                      maxZoom : 18,
                      tileSize : 256,
                      attribution : "IGN-F/Géoportail"
                  })',
      );

      Essayé différentes combinaisons (désactivé et réactivé GIS, nécessaire ?),
      mais ça marche pas ’o(
      Une piste ?
      (Geoportail n’est pas Open StreetMap, tout de même dommage que bing et google aient le droit eux à leur champ clé et pas geoportail. C’est vraiment trop compliqué-fermé avec lui ? Cela ne mériterait pas tout de même une petite note explicative dans la doc de GIS, pour les 0 ?)

    • Bonjour,
      donc, après l’annonce de l’IGN «au 1er février 2022» «pour migrer sereinement vers les nouvelles URLs d’accès» … après changement de clé et plusieurs jours d’essais, de lecture de FAQ et de code, … sans aucun résultat, j’ai suivi l’ancienne doc ign.fr, et indiqué dans mes_options.php :

      $GLOBALS['gis_layers']['geoign'] = array(
              'nom' => 'Geoportail IGN',
              'layer' => 'L.tileLayer(
                  "https://wxs.ign.fr/CLE/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/jpeg&LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}",
                  {
                      minZoom : 0,
                      maxZoom : 18,
                      tileSize : 256,
                      attribution : "IGN-F/Géoportail"
                  })',
      );

      Soit, aucune différence ! ( presqu’ aucune : un “&” en entre “wmts?” et “REQUEST” , des MAJUSCULES au lieu de minuscules, l’ordre des paramètres …)
      et ça marche !??… (enfin au détail que, pour le moment, 2 cartes ign25 malgré la 2ème $GLOBALS [’gis_layers’][’geosat’] … ORTHOIMAGERY.ORTHOPHOTOS)
      Mystère ?⋅ Y aurait-il une explication ? Un délai de mise en route dont l’ign ne dirait rien ? Un problème de cache (entre celui de spip, malgré recalcul et celui de mes navigateurs) ?
      J’indiquecet exemple (couche 25000ème de geoportail) dans la page Astuces-GIS.

    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 / PostgreSQL
  • 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 apparait.

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