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 :

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

Notes

[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

473 discussions

  • 9
    jeromeD

    Bonjour,
    J’utilise ce plugin sur plusieurs sites sans soucis. Sur 2 d’entre eux, avec spip 3.0.19 et GIS 4.26.11, lorsque je déclare un nouveau point avec un logo (marqueur) et lorsque j’appelle dans ma page le [(#MODELEcarte_gis, zoom=13, height=422px, scale=oui)] alors je n’ai aucun marqueur sur la page publique...

    Cela ne me le faisait pas avant ?
    Est-ce que quelqu’un a déjà vu cela ?

    Merci d’avance
    Jérôme

    • Salut, comme dirait Edgard sur IRC :

      la boule de cristal est en panne : on va avoir besoin d’une url pour voir ton site et comprendre le problème

      Merci d’avance de nous aider à t’aider :)

    • jeromeD

      Bonjour et désolé, j’ai oublié de la mettre : http://mapelli.oak-webdesign.com/spip.php?rubrique7

      Merci d’avance

    • Tu as deux erreurs sur ta page, cela vient certainement de là :

      TypeError : jQuery(...).parents(...).formulaire_dyn_ajax is not a function
      http://mapelli.oak-webdesign.com/prive/javascript/ajaxCallback.js
      Line 939

      TypeError : jQuery.spip is undefined
      http://mapelli.oak-webdesign.com/prive/javascript/ajaxCallback.js
      Line 21

      Une fois celles-ci réglées, la carte fonctionnera certainement mieux :)

    • jeromeD

      b_b, merci pour ton analyse rapide...mais j’avoue ne pas comprendre ce type d’erreur surtout sur un fichier venant de SPIP lui-même...

      Si tu peux m’éclairer, je t’en remercie d’avance.

      Jérôme

    • jeromeD

      Bonjour b_b,

      J’ai essayé de fouiller mais sans succès.

      Sur un autre site, j’ai reproduit le même soucis alors que je n’ai pas l’erreur qui s’affiche : http://brasier.oak-webdesign.com/spip.php?page=contact.

      Le point et son marqueur apparaissent dans l’espace privé mais pas dans l’espace public.

      As-tu une idée autre que l’erreur

      Merci d’avance

    • Le problème n’est pas le même, à ce que je vois tu tentes d’afficher le point associé à l’auteur n°1 et il semble bien qu’il n’y en ait pas, cf le json qu’appelle ta carte :

      http://brasier.oak-webdesign.com/spip.php?page=gis_json&id_auteur=1&limit=500

    • jeromeD

      Alors là je ne comprends pas car j’appel dans mon squelette la carte GIS avec le code suivant :
      [(#MODELEcarte_gis, zoom=14, height=422px, scale=oui)] comme je l’ai déjà eu fait.
      Il ne me semble pas que mon code appel spécifiquement le point associé à l’auteur 1 ?

    • Ton squelette appelle la carte en utilisant la balise #MODELE depuis une boucle auteur, et comme cette balise récupère automatiquement certaines valeurs de l’environnement, il y a bien un id_auteur de passé au modèle.

      Appelle la carte avec un #INCLURE{fond=modeles/carte_gis..})] plutôt, ainsi l’environnement de ton modèle ne sera pas pollué par cet id_auteur inopportun.

    • jeromeD

      Merci b_b, je n’avais pas vu cette contrainte...le problème est résolu pour les deux sites. Dans l’autre nous étions dans une boucle rubrique....

      Donc sincèrement merci pour le temps passé à m’aider et aider les autres...

      Bien cordialement
      jérôme

    Répondre à ce message

  • 7

    Bonjour,

    Bravo pour ce plugin très pratique.
    Je l’ai mis en place sur ce lien.

    Je suis en train de chercher comment faire pour géolocaliser l’utilisateur puis, à partir de la boucle distance, indiquer les points situés dans son entourage.

    Pour la géolocalisation, il y a la fonction leaflet locate() qui est appelée par le plugin GIS lorsque le paramètre localiser_visiteur est positionné à True lors de l’appel du modèle. Dans le fichier javascript\leaflet.gis.js, on peut ajouter le traitement de l’évènement ’locationfound’, généré lors de l’exécution de la fonction locate(), pour récupérer la latitude et la longitude du point obtenues par géolocalisation côté navigateur.

    Mais est-il possible de créer un point à partir de la latitude et de la longitude ainsi obtenues pour une utilisation ultérieure, par exemple dans une boucle GIS utilisant le critère distance ?

    Merci,
    Bien cordialement,
    Bruno.

    • Salut, le problème est que la localisation de leaflet à lieu côté client alors que les boucles sont côté serveur... Pour faire ceci, le plus simple est que l’utilisateur ait un compte auteur avec un point attaché.

    • Bonjour,

      Je remonte ce fil pour présenter la solution que j’aie adoptée. Cette solution comprend deux parties :

      • La première parie est l’adaptation de GIS à l’affichage simultané d’un point isolé dont on indique à GIS les coordonnées, et d’une liste de points obtenus au moyen d’une boucle, qui sont dans son entourage. En gros, il s’agit de fusionner les comportements de GIS pour objets=point_libre et objets=gis, articles, etc.
      • La seconde partie consiste simplement à fournir les coordonnées du point isolé par une géolocalisation réalisée en Javascript.

      Un exemple de ce que je décris figure sur cette page.

      1. Adaptation de GIS.

      Dans config\mes_options.php, on ajoute le code suivant pour pouvoir passer les paramètres gLat et gLon à GIS :

      $GLOBALS['spip_pipeline']['gis_modele_parametres_autorises'] .= "|geolocalisation";
          function geolocalisation($flux) {
         $flux[] = 'glat';
         $flux[] = 'glon';
         return $flux;
         }

      Puis on créé un fichier squelettes\json\gis_articles_distance_from.html pour alimenter les cartes GIS avec le nouveau type d’objets articles_distance_from, qui permet d’afficher un point isolé ainsi que les points qui se trouvent à moins de 1000 kilomètres du point isolé.

      On utilise le critère distancefrom de GIS pour sélectionner les x points les plus proches, la valeur de x étant fixée par le paramètre limit. On utilise également le critère par distance pour afficher ces points par ordre croissant de distance par rapport au point isolé :

      	<BOUCLE_art(ARTICLES){gis}{par distance}{distancefrom #ARRAY{lat,#ENV{glat},lon,#ENV{glon}}, <=, 1000}{id_article ?}{id_rubrique ?}{id_secteur ?}{id_mot ?}{id_groupe ?}{id_auteur ?}{recherche ?}{0, #ENV{limit}}{","}>
      	{"type": "Feature",
      	"geometry": {"type": "Point", "coordinates": [#LON, #LAT]},
      	"id":"#ID_GIS",
      	"properties": {
      		"title":[(#TITRE_GIS*|sinon{#TITRE*}|extraire_multi|supprimer_numero|json_encode)],
      		"description":[(#DESCRIPTIF_GIS|sinon{#DESCRIPTIF}|json_encode)][
      		(#LOGO_GIS|gis_icon_properties)]
      	}
      	}</BOUCLE_art>
      	,{
      	"type": "Feature",
      	"geometry": {"type": "Point", "coordinates": [[(#ENV{glon})], [(#ENV{glat})]]},
      	"id":"1",
      	"properties": {
      		"title":[(#ENV{titre}|?{#ENV{titre},''}|json_encode)],
      		"description":[(#ENV{description}|?{#ENV{description}|wrap{<p>},''}|json_encode)][
      		(#CHEMIN_IMAGE{#ENV*{icone,0}}|sinon{#CHEMIN{#ENV*{icone,0}}}|gis_icon_properties)]
      		}
      	}

      On peut utiliser l’objet articles_distance_from de la manière suivante dans GIS :

      [(#INCLURE{fond=modeles/carte_gis, glat=#ENV{gLatitude}, glon=#ENV{gLongitude}, objets=articles_distance_from, limit=3, titre=Visiteur, description=Vous êtes ici, icone=marker-icon-red.png})]

      On réutilise les paramètres titre, decription et icone définis pour l’objet point_libre. Ici pour indiquer le visiteur par un marqueur rouge qui se détache des marqueurs bleus des points les plus proches.

      Pour être complet, voici la boucle SPIP qui intègre cette carte :

      	<B_articles>
      		<ul>
      		<BOUCLE_articles(ARTICLES){gis}{0,3}{par distance}{distancefrom #ARRAY{lat,#ENV{gLatitude},lon,#ENV{gLongitude}}, <=, 100}>
      			
      			<li><a href="#map1" onclick="javascript:gis_focus_marker(#ID_GIS,1);">#TITRE / Distance à vol d'oiseau : [(#DISTANCE|couper{6})] km</a></li>
      			
      		</BOUCLE_articles>
      		</ul>
      		<br/>
      		[(#INCLURE{fond=modeles/carte_gis, glat=#ENV{gLatitude}, glon=#ENV{gLongitude}, objets=articles_distance_from, limit=3, centrer_auto=oui, scale=oui, fullscreen=oui, titre=Visiteur, description=Vous êtes ici, icone=marker-icon-red.png,ajax})]		
      	</B_articles>
      		<h3 class="spip">Pas de site de la Petite Ceinture présent à moins de 1000 kilomètres de votre localisation</h3>
      	<//B_articles>

      On affiche au-dessus de la carte la liste des points les plus proches. En cliquant sur un élément de cette liste, on va sur le marqueur correspondant et on affiche une infobulle. Cette infobulle contient un lien cliquable vers l’article associé au point.

      On utilise les même critères de sélection et d’’affichage des points que pour l’affichage des données dans le squelete json que l’on utilise : les points situés à une certaine distance max et affichés par distance croissante.

      Pour l’instant, je n’utilise pas ajax. Si vous avez des idées de comment l’utiliser dans ce contexte, je suis intéressé.

      2. Génération des valeurs de gLat et gLon

      On veut géolocaliser l’internaute qui accède à la page depuis un terminal mobile. Pour ce faire, on va demander à l’utilisateur de cliquer sur un bouton « Rechercher ma position ». Le clique sur ce bouton, grâce à l’évènement onclick, va lancer une fonction en Javascript qui va calculer la position de l’utilisateur, puis appeler la page qui va afficher la carte GIS au moyen du squelette que nous venons de présenter.

      Pour ce faire, on a créé un modèle géolocalisation décrit dans le fichier squelettes\modeles\géolocalisation.html

      Ce modèle admet deux paramètres : <geolocalisation|gPage=geo_articles_proches|gIdentifiant=234>

      • gPage décrit le nom de la page appelable (article, rubrique, etc.),
      • gIdentifiant décrit l’identifiant d’un objet de SPIP.

      Le script Javascript va utiliser ces deux paramètres pour appeler la page cible par spip.php ?page=geo_articles_proches&gIdentifiant=234

      Dans le squelette désigné par gPage, il faut prévoir d’assigner la valeur de gIdentifiant au critère de boucle utilisé. Par exemple

      {id_article=#ENV{gIdentifiant}}

      , ou

      {id_rubrique=#ENV{gIdentifiant}}

      L’idée dans cette approche est de permettre d’appeler des pages qui gèrent différentes catégories d’objets SPIP.

      Voici le code complet du modèle géolocalisation.html :

      <script type="text/javascript">//<![CDATA[
      var url_dest="";
      var identifiant="";
      
      function post(path, params, method) {
          method = method || "post"; // Set method to post by default if not specified.
      
          // The rest of this code assumes you are not using a library.
          // It can be made less wordy if you use one.
          var form = document.createElement("form");
          form.setAttribute("method", method);
          form.setAttribute("action", path);
      
          for(var key in params) {
              if(params.hasOwnProperty(key)) {
                  var hiddenField = document.createElement("input");
                  hiddenField.setAttribute("type", "hidden");
                  hiddenField.setAttribute("name", key);
                  hiddenField.setAttribute("value", params[key]);
      
                  form.appendChild(hiddenField);
               }
          }
      
          document.body.appendChild(form);
          form.submit();
      }
      
      function maPosition(position) {
      	// Envoi de la latitude et de la longitude recuperees vers le serveur Web (on est dans le navigateur)
      	post('./?page='+url_dest+'&gIdentifiant='+identifiant+'&gLatitude=' + position.coords.latitude + '&gLongitude=' + position.coords.longitude);
      }
      
      // Fonction de callback en cas d'erreur
      function erreurPosition(error) {
          var info = "Erreur lors de la geolocalisation : ";
          switch(error.code) {
          case error.TIMEOUT:
          	info += "Timeout !";
          break;
          case error.PERMISSION_DENIED:
          info += "Vous n'avez pas donne la permission";
          break;
          case error.POSITION_UNAVAILABLE:
          	info += "La position n'a pu etre determinee";
          break;
          case error.UNKNOWN_ERROR:
          	info += "Erreur inconnue";
          break;
         }
         alert(info);
      }
      
      function geolocalisation(gPage, gIdentifiant){  url_dest=gPage;  identifiant=gIdentifiant;  
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(maPosition, erreurPosition,{maximumAge:600000});
        }
        else alert("La geolocalisation n'est pas supportee par votre navigateur. Verifier sa configuration");
        return true;
      }
      
      //]]>
      </script>
      
      
      <div id='infoposition'>
      <form name="formGeoCeinture">
      <input type='button' onclick='geolocalisation("#ENV{gPage}", "#ENV{gIdentifiant}")' value="Rechercher ma position">
      </form>
      </div>
    • Merci, c’est super sympa de ta part de partager avec les autres :)

      Tu pourrais même proposer ce contenu dans un article de la rubrique GIS comme quelqu’un l’avait déjà fait pour cet article : http://contrib.spip.net/Utilisation-avancee-de-GIS-4

      ++

    • Merci pour cette contribution.

      Petite adaptation possible : charger la liste des articles et la carte en ajax juste après la géolocalisation, en évitant un rechargement de page entière.

      En tout cas, merci !

      Julien

    • Bonjour,

      Je viens enfin de retrouver mes identifiants ;-)
      Pour le tutoriel, pas de problème. Je vais juste modifier le fichier JSON pour ne plus être tributaire du code de GIS, chose que j’ai omise de dire dans mon intervention sur cette page. En effet, les paramètres titre, description et icone que j’ai utilisé sont ceux de point_libre. Et pour pouvoir les utiliser, j’avais modifié le code de GIS. J’ai dorénavant supprimer cette contrainte en modifiant le fichier JSON.

      Merci pour l’information concernant l’usage d’AJAX ! Je vais l’intégrer pour l’ajouter au tutoriel.

      Bien cordialement,
      Bruno.

    • C’est encore en test, il n’y a qu’une seule asso sur la carte (proche de Paris), mais voici le principe en ajax :

      http://carceropolis.fr/-Autour-de-chez-moi-

      Julien

    • Bonjour,

      Le tutoriel que j’ai écrit vient d’être publié.

      Bien cordialement,
      Bruno.

    Répondre à ce message

  • 2

    Bonjour, j’ai remarqué une anomalie qui se produit depuis plusieurs versions antérieures de Gis (j’utilise la dernière version maintenant) : lorsque je fais un dump du site (spip 3.017) en spécifiant « toutes les tables », la table spip.gis est systématiquement omise, ce qui complique bigrement les opérations de restauration.

    Suis-je le seul qui constate cela ? Merci.

    Marc

    Répondre à ce message

  • 3

    Bonjour

    Pour un projet personnel (site collaboratif sur la Guadeloupe) j’ai découvert dans un des posts de ce forum le squelette Géodiversité qui correspond bien à ce que j’ai envie de faire et je voulais savoir s’il était possible de rajouter sur la carte (dans calques) des géolocalisations par mots clés pour pouvoir trier (ex : afficher que les randonnées, que les plages, etc...) ?
    Je cherche et fais des essais depuis 2jours mais je n’y arrive pas, merci.
    http://host-ai.info/~geodiv/spip.php?page=carte

    Répondre à ce message

  • 2

    Superposition de marqueurs

    Bonjour,

    Un grand merci pour ce plugin très utile.

    J’affiche une carte avec plusieurs marqueurs à partir d’un tableau d’id_article. Certains articles sont géolocalisés au même endroit (ou très proches). Seul un marqueur est alors visible (les autres sont cachés en-dessous).
    Mon infobulle contient le lien vers l’article géolocalisé.

    Je souhaiterai indiquer les liens de tous les articles géolocalisés à cet endroit dans l’infobulle d’un seul et même marqueur.

    Une idée ?

    Répondre à ce message

  • 1

    Bonjour,

    je suis en train d’essayer d’utiliser le critère gis distance avec un #ENV comme paramètre (qui renvoie un nombre de km qui est dans l’url) et cela ne fonctionne pas. C’est normal ? Je précise que dans mon squelettes l’affichage du #ENV renvoie bien le nb de kilomètres...

    <BOUCLE_gis(GIS){id_gis}
         <BOUCLE_distance(GIS){gis distance<=#ENV{km}}>
                        #TITRE - #DISTANCE
         </BOUCLE_distance>
    </BOUCLE_gis>

    si quelqu’un a une petit idée :)

    merci

    • Salut,

      finalement j’ai réussi en utilisant plutôt le critère distance from :

      <BOUCLE_distance(GIS){gis}{distancefrom #ID_GIS, <=, #ENV{km}}>
           #TITRE - #DISTANCE
      </BOUCLE_distance>

      Si quelqu’un à quand même 5 minutes pour expliquer pourquoi ça ne marchait pas avec le critère distance, je suis preneuse.

      merci encore pour ce plugin, le boulot que vous continuez à faire dessus et l’aide aux utilisateurs !

    Répondre à ce message

  • 1
    apicultural

    Bonjour,

    suite a la création d’une carte de la manière suivante :

    [(#MODELE{
    carte_gis, 
    zoom=11
    centrer_auto=oui,
    height=450px,
    zoom_molette=non,
    fullscreen=oui,
    scale=oui,
    overview=oui,
    cluster=oui,
    clusterMaxZoom=15,
    maxClusterRadius=40,
    clusterShowCoverageOnHover=oui,
    clusterSpiderfyOnMaxZoom=oui,
    centrer_fichier=non,
    kml=[(#LISTE{
    		[(#CHEMIN{kml/chimay.kml}|timestamp|url_absolue)],
    		[(#CHEMIN{kml/17.kml}|timestamp|url_absolue)],
    		[(#CHEMIN{kml/86.kml}|timestamp|url_absolue)],
    		[(#CHEMIN{kml/79.kml}|timestamp|url_absolue)]})],
    })]

    est il possible de tracer un cercle automatiquement autour d’un point référencé ; car je ne voie pas comment a part creer un kml pour chaque point

    merci pour votre aide

    • apicultural

      bon j’ai trouvé la fonction, il me semble

      for (int i = 0; i < 360; i += Precision)
        {
           PointCercle.Latitude = Center.Latitude + (Radius / latConv * Math.Cos(i * Math.PI / 180));
           PointCercle.Longitude = Center.Longitude + (Radius / lngConv * Math.Sin(i * Math.PI / 180));
           cShape.NewNode(NumNode);
           cShape.Position = PointCercle;
           NumNode++;
      }

      Center est l’objet Position contenant les coordonnées du centre.

      me demander si je pouvez pas lui passer un id objet

      bon je continu de chercher ....

    Répondre à ce message

  • 9

    Bonjour, j’ai plusieurs personnes géolocalisés au même endroit, malheureusement, sur ma carte ne s’affiche que le dernier qui a été indexé !!! Est-il possible d’afficher dans l’infobulle toutes les personnes se référant à ce point ???
    Merci de votre réponse...
    PS : spip 3.0.17 et GIS 4.26.4

    • Salut,

      Est-il possible d’afficher dans l’infobulle toutes les personnes se référant à ce point ???

      Oui c’est possible en bidouillant, je le fais dans le squelette geodiversite dont le code source est disponible par ici : https://github.com/geodiversite/geodiversite/

      Mais il y a plus simple, il suffit d’utiliser l’option clusterSpiderfyOnMaxZoom = oui dans ton modèle de carte ;)

    • J’avais déjà essayer « clusterSpiderfyOnMaxZoom = oui » mais ça ne marche pas !!!
      Je ne sais pas pourquoi !!!
      Je suis pas un expert en langage !!!
      Merci de ton aide !!!

    • Salut, si tu nous donnes l’adresse de la page qui expose le problème on pourra t’aider plus :)

    • http://unsater86.com/spip.php?rubrique6
      Si tu prends le point « LAFOY Catherine » à droite, il y a aussi son mari « LAFOY Dominique » qui est lié à la même adresse !!! Je voudrais que les deux s’affichent dans l’infobulle !!!
      Pour l’instant, je n’ai qu’un seul point qui s’affiche dans l’infobulle !!!
      Merci de ton aide...

    • Salut, ta carte ne semble pas utiliser l’option que je citais, il faut passer ces deux paramètres à ta carte : cluster=oui et clusterSpiderfyOnMaxZoom=oui

      Je voudrais que les deux s’affichent dans l’infobulle !!!

      Pas la peine de crier :p Comme je te le disais, ça n’est possible qu’en bidouillant, donc en collant les mains dans le code, alors que la solution que je te propose fonctionnera directement. À toi de choisir ;)

    • DUPUY Arnaud

      Oh Yeeeeeeeeeeeeeeeeeeeeeeeees, ça fonctionne !!!
      Merci de ta réponse...
      Maintenant, j’ai effectivement le nombre de personne dans un rayon qui s’affiche mais lorsqu’il y a plusieurs personnes, ça ne m’affiche pas les noms !
      Du coup, je vais être obligé (je suppose) de mettre les mains dans le code !
      Je vaux juste que tous les noms des personnes s’affichent dans l’infobulle !
      Peux tu m’aider pour modifier le code ?
      D’avance merci...

    • Re,

      Oh Yeeeeeeeeeeeeeeeeeeeeeeeees, ça fonctionne !!!

      Et voilà, que demander de plus ? :)

      Peux tu m’aider pour modifier le code ?

      Non désolé, à toi de fouiller dans le code geodiversité que je citais dans mon premier message...

    • PS : il manque encore une option à ta carte, j’insiste : clusterSpiderfyOnMaxZoom=oui est le truc que tu cherches, c’est la solution à ton problème.

    • DUPUY Arnaud

      Merci merci merci merci !!!!!!
      En fait j’avais mis « clusterSpiderfyOnMaxZoom = oui » en croyant que c’était ce que tu me disais !!!
      Au final, ça marche comme je voulais !!!
      Bonne continuation et merci pour ton travail qui facilite la vie des novices comme moi !!!
      @+

    Répondre à ce message

  • Clément

    Hello !
    J’ai un bug un peu bizarre sur GIS4 : les boutons de zoom apparaissent sur la carte, mais une fois qu’on a cliqué sur + ou - une seule fois, le zoom ne fonctionne plus. Plus possible de zoomer ou dézoomer du tout sur ce modèle qui permet d’afficher sur une petite carte le point géolocalisé lié à l’article. Par contre, en utilisant la molette de la souris le bug n’apparaît pas !

    Le zoom fonctionne parfaitement sur un autre modèle, sur le même site, modèle faisant apparaitre la carte en grand format avec tous les points géolocalisés.

    Si quelqu’un a une idée..

    Répondre à ce message

  • 1

    Bonjour,
    J’ai installé spip 3.0.17 et gis 4.26.1 et le gis ne s’affiche pas à la liste de la configuration, par contre au menu édition j’ai le lien point géolocalisé....Est ce que quelqu’un a deja rencontré ce problème et me dire ou je dois chercher ?? Merci de votre aide

    • Hop,

      gis ne s’affiche pas à la liste de la configuration

      Oui, c’est normal. La page de configuration du plugin est accessible uniquement depuis la page de gestion des plugins.

    Répondre à ce message

Ajouter un commentaire

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom