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
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 ces squelettes afin de personnaliser le contenu des infobulles. Par exemple, nous souhaitons afficher une carte des points attachés aux articles du site, avec un lien vers l’article dans l’infobulle du marqueur.

Tout d’abord on affiche la carte en insérant le code suivant dans notre squelette :

  1. [(#INCLURE{fond=modeles/carte_gis,objets=articles,limit=1000})]

Puis on copie le fichier plugins/gis/json/gis_article.html dans squelettes/json/gis_articles.html et on modifie son contenu en remplaçant la ligne :

"title":[(#TITRE_GIS*|sinon{#TITRE*}|supprimer_numero|json_encode)],

par :

[(#SET{titre,<a href="#URL_ARTICLE">#TITRE*</a>})]"title":[(#GET{titre}|json_encode)],

Voici le résultat en image :

É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;
}

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

updated on 24 December 2018

Discussion

400 discussions

  • 3

    Bonjour,

    Manifestement gis n’affiche plus les cartes sur Internet explorer.
    J’ai testé avec les liens cité dans ce forum comme https://www.allesfrans.com/spip/spip.php?article408 alors que https://leafletjs.com/ s’affiche bien.

    Est ce que d’autre on le problème ?

    Cordialement.

    Reply to this message

  • 9

    Bonjour,
    j’ai l’impression que la fonction Zoom a sauté, que ce soit en renseignant l’article ou la variable à mon INCLURE... (SPIP 3.2.5, plugin mis à jour, et cache vidé)...

    • J’ai l’impression qu’il nous manque des infos pour t’en dire plus... :p

    • Bonjour b_b,
      sur un site sous spip 3.2.5, tous les plugins mis à jour et cache vidé, j’affiche une carte pour laquelle la fonction zoom n’est pas prise en compte, quoique je fasse (renseigner le point géolocalisé, ou forcer lors de l’appel dans le fichier) : https://urlz.fr/aFgR

    • On avance ;)

      Aucun problème avec le zoom de la carte chez moi, je peux bien zoomer et dézoomer avec les boutons + & - ou au double clic.

      Sinon, ton site ne charge pas les typos qui lui sont nécessaires à cause d’un paquet d’erreurs de mixed content, cf :

      Blocage du chargement du contenu mixte actif (mixed active content) « http://lenovocafe.fr/squelettes/css/fonts/Simple-Line-Icons.woff2?v=2.2.2 »

    • Il s’agit d’un problème de zoom à l’affichage de la carte elle-même, je voudrais un zoom 17, mais c’est toujours le même zoom qui est appliqué. J’ai même forcé lors de l’inclusion, mais rien n’y fait...

      1. [(#INCLURE{fond=modeles/carte_gis,zoom=17})]
    • As-tu bien vidé le cache de ton site depuis la dernière mise à jour de GIS (censée corriger ce bug) ?

    • Pas de mise à jour disponible, vidé le cache, désactiver Cache Cool, re-vidé le cache, et toujours le même problème. Zoom=X ne semble pas fonctionner...

    • Ça semble encore être un effet de bord de la modification dont je parlais dans ce commentaire : https://contrib.spip.net/GIS-4#comment502183-502163

      J’ai contacté l’auteur de celle-ci, on va voir comment corriger la boulette.

    • Pour référence, voici le code que tu utilises pour afficher la carte, merci moi :p

      <BOUCLE_localisation(ARTICLES){gis}{lang}{id_article}{0,1}>
      <div class="map_associated">
      [(#INCLURE{fond=modeles/carte_gis, autocenterandzoom=oui, zoom=17, zoom_molette=non, scale=oui, fullscreen=oui, overview=oui, id_article})]
      </div>
      </BOUCLE_localisation>
    • b_b,
      oui, c’est ma boucle, est-elle effectivement correcte ? Si j’ai bien compris ton effet de bord, j’ai donc modifié mon paramètre pour zoom=12, et malheureusement aucun changement.

    Reply to this message

  • 3

    Bonjour,

    Est-ce que quelqu’un•e a déjà utilisé la méthode Leaflet :

    1. map.locate({watch: true});

    ?

    Si oui : comment passe-t-on watch:true à une carte GIS ?

    Merci,
    françois

    Reply to this message

  • 14

    Depuis quelque jours j’ai des soucis avec ce plugin (version 4.47.4 dans SPIP 3.2.4). Je l’utilise uniquement pour visualiser un seul point, lié à l’article elle-même. Cela a toujours fonctionné avec <carte_gis1|id_article=3731|default_layer = google_terrain|zoom = 10|autocenterandzoom = oui|zoom_wheel = non|fullscreen = oui>, mais maintenant ça me montre le point par defaut (de la configuration).
    Dans l’espace privé (gesion points de GIS) le bon point est montré, lié à l’article.

    Peut-être c’est lié à une erreur sur la console ;

    jQuery.Deferred exception: Cannot read property 'minZoom' of undefined TypeError: Cannot read property 'minZoom' of undefined
        at NewClass._checkDisabledLayers (<anonymous>:5285:36)
        at NewClass._addItem (<anonymous>:5236:8)
        at NewClass._update (<anonymous>:5149:9)
        at NewClass.onAdd (<anonymous>:4983:8)
        at NewClass.addTo (<anonymous>:4786:42)
        at NewClass.addTo (<anonymous>:4996:27)
        at NewClass.addControl (<anonymous>:4853:11)
        at NewClass.populateTileLayers (<anonymous>:20071:9)
        at NewClass.initialize (<anonymous>:20029:8)
        at new NewClass (<anonymous>:303:20) undefined
    • Salut Hanjo, je ne reproduis pas de mon côté avec GIS 4.47.4 sous SPIP 3.3 dev et ce code <carte_gis1|id_article=80||zoom = 10|autocenterandzoom = oui|zoom_wheel = non|fullscreen = oui>...

      Le bug doit provenir du fond de carte google que je déconseille toujours d’utiliser...

      Peux-tu fournir l’adresse de la page en question pour qu’on puisse t’aider plus ?

    • Bonjour,
      Ce n’est pas la carte Google qui cause des problèmes. Hier j’ai essayé avec plusieurs cartes et paramètres. Parfois ça fontionnait, mais quand j’avais fait la même chose dans une autre article ça ne fontionnait pas.

      Deux exemples :
      -  https://www.allesfrans.com/spip/spip.php?article408 avec <carte_gis1|id_article = 408|autocenterandzoom = oui|zoom_wheel = non|fullscreen = oui>
      -  https://www.allesfrans.com/spip/spip.php?article454 avec <carte_gis1|id_article = 454|autocenterandzoom = oui|zoom_wheel = non>

      Merci !

    • PS
      Avec des coordonnées ça fonctionne bien ;

      -  https://www.allesfrans.com/spip/spip.php?article814 avec <carte_gis1|zoom=14|objets=point_libre|lon=2.80296301841736| lat=46.1379013061523 |default_layer=google_terrain|zoom_wheel=non|fullscreen=oui>

    • Je vois cette erreur dans la page suivante : https://www.allesfrans.com/spip/spip.php?article408

      TypeError: layer.options is undefined spip.php:5285:4
          _checkDisabledLayers https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:5285
          _addItem https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:5236
          _update https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:5149
          onAdd https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:4983
          addTo https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:4786
          addTo https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:4996
          addControl https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:4853
          populateTileLayers https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:20071
          initialize https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:20029
          NewClass https://www.allesfrans.com/spip/spip.php?article408 line 82 > scriptElement:303
          init_gis https://www.allesfrans.com/spip/spip.php?article408:883
          jQuery 2

      Quelle est la liste des couches actives dans la configuration du plugin ? (celles proposées et celle par défaut)

    • Par defaut : OpenMapSurfer
      Proposées : Google Satellite & Google Terrain

    • Essaye en ajoutant openmapsurfer aux souches proposées stp, puis si ça ne règle pas le problème tente en désactivant les couches google de celles proposées,

    • J’ai ajouté openmapsurfer - pas de changement
      J’ai désactivé le couches Google - un changement, mais pas partout !

      -  Ici ça fonctionne (sauf le zoom) : https://www.allesfrans.com/spip/spip.php?article2600 avec <carte_gis1|id_article=2600|autocenterandzoom=oui>
      -  Ici ça ne fonctionne pas : https://www.allesfrans.com/spip/spip.php?article401 avec <carte_gis1|id_article=401|zoom_wheel = non|fullscreen = oui>. Si je déplace la carte, le point est visible. Est-ce que ça veut dire que autocenterandzoom est obligatoire, même avec un seul point ? Et pourquoi le zoom est maximal ?

      Dans l’espace privé les cartes sont bien positionnées pour les deux articles.

    • Ajout de OpenMapSurfer - pas de changement;
      Désactivation des couches Google - de changements !

      Mais toujours le zoom est au maximum.
      Est-ce qu’il existe une option autocenter avec un zoom manuel ?
      Sans autocenterandzoom la carte n’est pas proprement positionnée, même avec un seul article avec un seul point. Autrefois ça a toujours fonctionnée !

    • Re,

      Est-ce qu’il existe une option autocenter avec un zoom manuel ?

      Non, comme son nom l’indique l’option autocenterandzoom défini le centre et le zoom automatiquement.

      Je crois voir d’où vient le problème, c’est certainement cette modification qui casse le comportement attendu quand la carte ne comporte qu’un point https://zone.spip.net/trac/spip-zone/changeset/116107/spip-zone

    • Re,

      - Ici ça fonctionne (sauf le zoom) : https://www.allesfrans.com/spip/spip.php?article2600 avec <carte_gis1|id_article=2600|autocenterandzoom=oui>

      Oui je vois, Le zoom est au maximum de celui autorisé par la couche utilisée, alors qu’avant le commit que je cite plus haut le zoom devait certainement être celui passé en option à la carte ou celui de la configuration du plugin par défaut. À vérifier.

      - Ici ça ne fonctionne pas : https://www.allesfrans.com/spip/spip.php?article401 avec <carte_gis1|id_article=401|zoom_wheel = non|fullscreen = oui>. Si je déplace la carte, le point est visible. Est-ce que ça veut dire que autocenterandzoom est obligatoire, même avec un seul point ? Et pourquoi le zoom est maximal ?

      Oui ça ne fonctionne pas car tu ne passes pas de centre manuellement, ni l’option pour que ça se fasse automatiquement...

    • Merci,
      J’espère que cela peut être corrigé, sinon je dois créer une modèle privée utilisant point_libre.

    • Oui bien sûr, ça sera corrigé rapidement ;)

    • Et voilà, la version 4.47.5 corrige ce bug cf https://zone.spip.net/trac/spip-zone/changeset/116107/

    • Merci encore !

    Reply to this message

  • 5

    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 (?).

    Reply to this message

  • 6

    Bonjour,

    Comment récupérer dans mon squelette la latitude et la longitude de l’utilisateur, lorsqu’on active la géolocalisation de l’utilisateur ?

    J’insère une carte dans mon squelette avec la localisation de l’utilisateur, mais pour afficher mes points, je dois interroger une base JSON mais pour cela je dois obtenir la latitude et longitude.

    Merci d’avance.

    • L’option localiser_visiteur permet uniquement de centrer la carte sur la position de l’utilisateur. Si tu veux faire plus, il faut passer par l’API javascript de Leaflet https://leafletjs.com/reference-1.5.0.html en t’y insérant depuis un des callbacks mis à dispo par GIS https://contrib.spip.net/Astuces-GIS#api_js

    • Merci pour ta réponse rapide. Je suis surpris que cela ne soit pas déjà intégré car le besoin semble être là ?!

      J’ai une carte avec 64 500 points que j’interroge via JSON par commune, département ou dans un rayon autour d’une position. C’est pourquoi j’aimerais obtenir la position de l’utilisateur pour faire ma recherche.

      Vois-tu d’autres solutions à mon problème ? Je voudrais afficher les points dans un rayon de 10 km autour de l’utilisateur.

      Merci d’avance,

      Julien

    • Vois-tu d’autres solutions à mon problème ?

      Tu parles d’une solution toute faite pour ton besoin ? Non :p

      Par contre, je t’ai donné toutes les pistes pour mettre en place ce que tu souhaites faire :)

    • Merci, je vais essayer m’y metre alors... ;-)

    • Bonjour à tous,

      Finalement, j’ai fait bien plus simple, j’ai utilisé l’API de géolocalisation sans passer par GIS/Leaflet. Le fonctionnement :
      -  l’utilisateur clique sur un lien ?page=autourdemoi
      -  la page autourdemoi.html le géolocalise et envoie en POST ses coordonnées à une deuxième page autourdemoi2.html
      -  la page autourdemoi2.html reçoit les coordonnées de l’utilisateur et affiche la carte GIS centrée sur la position obtenue, en envoyant une requête en JSON pour n’afficher que les points dans un rayon de 10 000 mètres de la localisation de l’utilisateur.

      Vu les difficultés pour trouver du code fonctionnel et à jour, je vous partage donc ci-dessous ma solution certainement améliorable/optimisable, mais qui fonctionne parfaitement.

      Page /squelettes/content/autourdemoi.html

      <script type="text/javascript">
       
          /** ###################################################################
           * sends a request to the specified url from a form. this will change the window location.
           * @param {string} path the path to send the post request to
           * @param {object} params the paramiters to add to the url
           * @param {string} [method=post] the method to use on the form
           * https://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit
           ################################################################### */
              function post(path, params, method='post') {
                const form = document.createElement('form');
                form.method = method;
                form.action = path;
       
                for (const key in params) {
                  if (params.hasOwnProperty(key)) {
                    const hiddenField = document.createElement('input');
                    hiddenField.type = 'hidden';
                    hiddenField.name = key;
                    hiddenField.value = params[key];
                    form.appendChild(hiddenField);
                  }
                }
       
                document.body.appendChild(form);
                form.submit();
                }
          /** ################################################################### */
       
          /** ################################################################### */
          /** En cas de réussite de la géolocalisation, on envoie les données sur une autre page */
          /** ################################################################### */
              function reussite(position) {
                latitude = position.coords.latitude ;
                longitude = position.coords.longitude ;
                coordonnees = latitude + '%2C' + longitude ;
                post('?page=autourdemoi2', {LATITUDE:latitude, LONGITUDE:longitude, COORDONNEES:coordonnees});
              }
          /** ################################################################### */
       
          /** ################################################################### */
          /** En cas de refus et d'échec de géolocalisation */
          /** ################################################################### */
              function echec() {
              alert("La géolocalisation n'est pas activée ou supportée par votre navigateur.");
              }
          /** ################################################################### */
       
          /** ################################################################### */
          /** Fonction de géolocalisation
          /** ################################################################### */
              function demande_geolocalisation() {
                    if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(reussite, echec); }
                    }
          /** ################################################################### */
       
          /** On demande la géoloclisation au chargement de la page (lien "Autour de moi") */
              window.onload = demande_geolocalisation;
          /** ################################################################### */        
       
      </script>

      Page /squelettes/content/autourdemoi2.html

      [(#REM) ################################################################### ]
      [(#REM) Affichage de la carte centrée sur la position reçue de autourdemoi.html ]
      [(#REM) Attention : j'envoie les coordonnées dans la variable code_postal
          car l'intitulé des variables envoyées à GIS est limité. ]
      [(#REM) ################################################################### ]
          <INCLURE{fond=modeles/carte_gis,
            objets=point_libre,
            width=100%,
            fullscreen=oui,
            zoom=16,
            lat=#ENV{LATITUDE},
            lon=#ENV{LONGITUDE},
            objets=carteetab-autourdemoi}{code_postal=#ENV{COORDONNEES}}/>
      [(#REM) ################################################################### ]

      Page /squelettes/json/gis_carteetab-autourdemoi.html

      [(#REM) ################################################################### ]
      [(#REM) Récupération et mise en forme du contenu JSON pour les points de la carte ]
      [(#REM) Attention, la variable #ENV{code_postal} contient la localisation ]
      [(#REM) ################################################################### ]
          {
             "type": "FeatureCollection",
             "features":
                [
                    <BOUCLE_json12(DATA){source json, https://xxxxxxxxx/api/records/1.0/search/?dataset=fr-xxxxxxxx&geofilter.distance=#ENV{code_postal}%2C10000} {datapath records}{","}>
       
                        <BOUCLE_affichageinfos12(DATA){source table, #VALEUR}>
       
                            <BOUCLE_test(CONDITION){si #IDENTIFIANT_DE_L_ETABLISSEMENT|!={''}}>
       
                                 {
                                     "type": "Feature",
                                     "geometry":
                                        {
                                          "type": "Point",
                                          "coordinates": \[#LONGITUDE, #LATITUDE\]
                                        },
                                     "id":"#IDENTIFIANT_DE_L_ETABLISSEMENT",
                                     "properties":
                                        {
                                          "title": [(#NOM_ETABLISSEMENT|json_encode)],
                                          "description": "<br>[(#ADRESSE_1|url_encode)] [(#ADRESSE_2|url_encode)] [<br>(#ADRESSE_3)][<br>Téléphone : <a href=\"tel:#TELEPHONE\">(#TELEPHONE)</a>] [<br>Adresse de courriel : <a href=\"mailto:#MAIL\">(#MAIL)</a>] [<br>Site web : <a target=\"_blank\" href=\"http://#WEB\">(#WEB)</a>]<br><br><a href=\"./etablissement/[(#NOM_COMMUNE|replace{' ','-'})]/[(#NOM_ETABLISSEMENT|replace{' ','-'})]/#IDENTIFIANT_DE_L_ETABLISSEMENT.html\"><font color=\"red\"><b>➡️ Voir la fiche complète</b></font></a>"
                                        }
                                  }
                            </BOUCLE_test>
                            <//B_test>
       
                        </BOUCLE_affichageinfos12>
       
                    </BOUCLE_json12>
                ]
          }
      [(#REM) ################################################################### ]
    • Juste une petite correction à apporter dans Page /squelettes/content/autourdemoi.html

      1. coordonnees = longitude + '%2C' + latitude ;

    Reply to this message

  • 7

    Bonjour,

    Pourquoi côté public, alors que seule la couche openstreet map FR est activée, il y a quand même des appels à maps.google.com ?

    • Désolé mais là je suis obligé... CALOMNIE !

      Je ne reproduis pas du tout, jamais, certainement pas, exemple : https://labo.eliaz.fr/spip.php?page=carte

      Donne nous une url et on pourra peut-être t’en dire plus.

    • Bon, tu as bien fais de dire que c’était de la calomnie.
      Il y avait d’autres couches activées.
      Mais comme il fallait scroller pour les voir dans la liste, je ne m’en était pas rendu compte.

      Merci d’avoir répondu à mon bruit.

      PS : ça serait peut-être judicieux lors de l’affichage de lister ceux qui sont sélectionnés en premier. Qu’en dis-tu ?

    • PS : ça serait peut-être judicieux lors de l’affichage de lister ceux qui sont sélectionnés en premier. Qu’en dis-tu ?

      Je ne pense pas qu’il soit bon de modifier l’ordre des éléments, cela risquerait de perturber les gens dans leurs repères.

    • J’ai fait plus simple : afficher le nombre de couches actuellement configurées : https://zone.spip.org/trac/spip-zone/changeset/116197

      Si ça ne convient pas, je revert ;-)

    • Ça roule, petite remarque, tu aurais pu utiliser le filtre singulier_ou_pluriel au lieu des (s) :p

    • J’y ai songé, mais la syntaxe était déjà illisible, alors,, je n’ai pas eu envie d’en rajouter (sauf si tu insistes)

    • Tu avais raison, singulier_ou_pluriel, c’est mieux et en plus, la syntaxe est plus lisible.

    Reply to this message

  • 1

    Bonjour,

    j’ai un petit soucis avec le plugin, la valeur de zoom n’est pas prise en compte :
    [(#INCLURE{fond=modeles/carte_gis,objet=article,id_objet=9,limit=500,centrer_auto=oui,zoom=6})]

    que je mette 1,6,16,... le zoom de la carte reste toujours le même.
    Pourtant, le script passe le nombre correct (vérification via l’inspecteur de javascript).
    Si vos avez une idée, merci beaucoup

    • Salut, comme indiqué dans la description du paramètre centrer_auto/autocenterandzoom : «centrer et zoomer la carte automatiquement pour afficher tous les marqueurs», celle-ci ne permet donc pas de spécifier un zoom manuellement, puisque elle adaptera le centre et le zoom de la carte pour qu’elle affiche tous les points qu’elle comporte.

    Reply to this message

  • Bonjour,
    suite au changement de son API ce ne serait pas possible et relativement simple d’ajouter géoportail au choix des cartes ?
    https://geoservices.ign.fr/documentation/utilisation_web/wmts-ol.html

    Reply to this message

  • 1

    Bonjour,

    Un truc que j’ai constaté: si l’on veut activer la localisation du visiteur, il faut ajouter un paramètre localize_visitor=oui, ça marche. Par contre si l’on ne veut pas activer cette localisation, localize_visitor=non ne semble pas marcher, ce qui marche c’est de complètement supprimer ce paramètre ... j’ai essayé en anglais, en français, je voulais activer la localisation dans certains cas et la désactiver pour d’autres cas ...

    Je ne sais pas si c’est un bug ou une feature ou juste un pbm de cache chez moi.

    Pierre

    • Salut, c’est une feature et la manière de la déclarer est héritée de ce que fait Leaflet (la librairie utilisée pour les cartes) :)

    Reply to this message

Comment on this article

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