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

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 28 April 2020

Discussion

430 discussions

  • Bonjour,

    J’ai rajouté avec le plugin Champs Extra un champ pour stocker une information de type de point.

    J’aimerais rajouter cette information en tant que classe CSS sur l’infobulle.

    J’au vu que les popups avaient une propriété ’className’ (https://leafletjs.com/reference-1.0.3.html#popup).

    Mais je ne trouve pas comment :

    • passer cette information dans le json (j’ai essayé avec [, “className”: “(#MON_CHAMP_EXTRA)”]
    • et qu’elle soit exploitée pour changer la classe de telle ou telle infobulle.

    J’ai une piste ici : https://gis.stackexchange.com/questions/306991/programmatically-add-classname-to-geojson-feature-popup-in-leaflet
    Mais est-ce que ça implique de faire une surcharge totale de leaflet.gis.js ?

    Merci d’avance

    Reply to this message

  • 2

    Bonjour,

    est-il possible d’ajouter le fond de carte Cassini vectorielle développer par Makina-corpus.com ?
    Le style est au format Mapbox GL est disponible sur Github : makinacorpus/cassini-gl-style.
    Merci
    Cordialement

    • Salut, non ça n’est pas possible par défaut car GIS ne prend pas en charge les fonds de carte au format Mapbox GL. Par contre tu dois pouvoir le faire de ton côté en bidouillant en attendant qu’un jour peut-être GIS le prenne en charge.

    • Merci de ta réponse !

    Reply to this message

  • 6

    Bonjour,
    ATTENTION,
    La mise à jour de GIS 4.49.2 vers la version v4.50.1 entraine une décomposition de l’affichage en divers carrés de la carte qui sortent du cadre de celle-ci.
    Pour régler le problème je suis revenu à GIS 4.49.2.
    Le site est en SPIP 3.2.8 [24473], affichage avec SAFARI.
    https://laccreteil.fr

    • Pas du tout, le problème est chez toi car ton site n’arrive pas à charger les CSS de leaflet (la librairie de carto utilisée par GIS). C’est visible dans l’onglet réseau de l’outil de dev de firefox.

    • Attention ce signalement n’est pas uniquement pour notre site, car en ce qui nous concerne nous allons rester sur la version GIS 4.49.2 qui fonctionne... jusqu’à la prochaine, réellement stable et fonctionnelle.
      -  Rassurez-moi, GIS ne doit pas être utilisé uniquement avec Firefox, n’est-ce pas?
      j’ai constaté que des fonctionnalités ne fonctionnent plus sur SAFARI, mais sont encore actives sur Firefox (par exemple : plein écran).
      Pourriez-vous tester sur différents navigateurs Web?
      Bonne soirée.
      Michel
      https://laccreteil.fr

    • Pour l’instant ce n’est que sur votre site qu’il y a ce problème.
      Il y a quelque chose qui vous permet de dire que le problème n’est pas que pour votre site ?

    • 1) C’est avec la couche Esri WorldImagery que cela s’est passé, pas avec les autres fonds de cartes...
      2) J’ai changé de couche initiale et effectué la mise à jour, c’est OK maintenant.
      3) En changeant de fond, c’est maintenant OK.
      4) J’ai vidé tous les caches à plusieurs reprises.

      Par contre certaines fonctionnalités semblent bloquées avec SAFARI, en particulier “Plein écran”.
      Merci et bon dimanche.

    • « Plein écran ». fonctionne maintenant sur Safari (Bonne nouvelle!)

    Reply to this message

  • 5

    On peut définir (depuis SPIP3.1) _JS_ASYNC_LOAD dans mes_options pour que le javascript concaténé par le compresseur soit chargé de manière asynchrone. GIS charge aussi son javascript de manière asynchrone, mais utilise jQuery.ajax pour cela, ce qui échoue car jQuery n’est pas encore dispo quand on a demandé son chargement asynchrone.
    Du coup j’imagine qu’il faudrait attendre que jQuery soit dispo pour charger le script GIS, ou insérer le script de GIS dans le fichier concaténé... Comment faire actuellement si ya moyen de faire ?

    • J’imagine attendre que jquery soit chargé (en bouclant sur place avec un timer) et déclancher le chargement à ce moment (comme présenté là par exemple)
      Ou bien charger leaflet async autrement qu’avec jquery. A priori, Leaflet n’a pas besoin de jquery mais peut être GIS4 en a t il besoin dans le public.

    • J’ai l’impression que la surcouche gis_js de leaflet utilise jquery en plusieurs endroits.
      Donc il faut vraiment attendre que jquery soit chargé avant de charger gis ... mais ce serait bien de charger jquery en asynchrone.

    • > J’ai l’impression que la surcouche gis_js de leaflet utilise jquery en plusieurs endroits.

      De quel fichier tu parles ?

    • > GIS charge aussi son javascript de manière asynchrone, mais utilise jQuery.ajax pour cela, ce qui échoue car jQuery n’est pas encore dispo quand on a demandé son chargement asynchrone.

      Pourtant ce commit laisse entendre que GIS est compatible avec jQl :

      https://git.spip.net/spip-contrib-extensions/gis/commit/2864ca32edeb683e433c2cfa16c3fe4151847024

      À voir avec Cedric, car perso je n’ai jamais utilisé cette fonctionnalité.

    • Alors il se peut que ce soient les interactions avec le code spécifique au site. Merci.

    Reply to this message

  • 8
    Michel Suquet

    Bonjour,

    pour notre site, nous utilisons votre plugin avec un fichier kml qui est dans un document. Cependant, on aimerait utiliser l’url suivante : https://stats.sambaedu.org/carte/se4.kml

    Cependant, en remplaçant le n° id par cette url, cela ne fonctionne pas : voyez-vous pourquoi ?

    Voici ce que j’ai mis :
    <carte_gis1|cluster = oui|clusterMaxZoom = 11|maxClusterRadius = 80|clusterShowCoverageOnHover = oui|clusterSpiderfyOnMaxZoom = oui|centrer_fichier=non|overview=oui|zoom=1|kml=90>

    L’article de notre site : cartographie des se4.

    et à la place de 90, d’après la doc, on pourrait mettre l’url https://stats.sambaedu.org/carte/se4.kml mais on obtient une carte sans les marqueurs.

    Cordialement,

    Michel Suquet

    • > Cependant, en remplaçant le n° id par cette url, cela ne fonctionne pas : voyez-vous pourquoi ?

      Peut-être une restriction réseau/sécu à cause de la conf de votre serveur, regarde dans la console de firefox pour y repérer d’éventuelles erreurs js ou réseau. Il faudrait que tu mettes en ligne une page qui affiche le problème pour que je puisse t’en dire plus.

    • Michel Suquet

      Bonsoir,

      voici un article que j’ai publié avec l’url qui devrait convenir. J’ai mis en-dessous de la carte gérée par le plugin une iframe pour montrer une carte sur laquelle apparaît les marqueurs.

      J’ai regardé dans l’inspecteur de mon navigateur mais je ne sais pas ce qu’il faut en déduire… Je pense que c’est dans une balise «script» mais je n’en suis pas sûr.

      Merci pour votre aide.

      Cordialement,

      Michel Suquet

    • Dans ta page de démo, on voit dans le source kml: [""], ce qui indique que le modèle de carte ne reçoit aucune url en paramètre. Quel est l’appel exact du modèle de la carte que tu utilises dans ta démo ?

    • Michel Suquet

      J’ai mis ceci :
      <carte_gis1 | centrer_fichier = non | zoom = 1 | kml = https://stats.sambaedu.org/carte/se4.kml>

      l’url pointe sur le fichier kml.

    • Chez moi ça passe cf https://labo.eliaz.fr/article143.html

      Essaye peut-être en supprimant les espaces dans l’appel de ton modèle ?

    • Michel Suquet

      en mettant ceci ?
      <carte_gis1|centrer_fichier=non|zoom=1|kml=https://stats.sambaedu.org/carte/se4.kml>

      Je viens de le faire, sans succès. Il doit y avoir autre chose qui coince…

      En tous cas, que cela fonctionne sur votre site est une bonne nouvelle : cela veut dire que cela va aussi fonctionner sur notre site. Reste à trouver comment…

      Merci pour votre aide, encore une fois.

    • Re, je pense que le problème vient du fait que la fonction copie_locale() n’arrive pas à copier le kml que tu passes en paramètre cf ce code https://git.spip.net/spip-contrib-extensions/gis/src/branch/master/gis_fonctions.php#L463

      Tu peux le confirmer en ajoutant cet url en tant que document distant puis en tentant de le copier dans le site, si ça foire, le problème est bien celui-ci. Cela peut provenir d’un problème de configuration serveur, par exemple curl qui n’arrive pas à récupérer le contenu de cette url depuis votre serveur, etc.

    • Michel Suquet

      Bonjour,

      on a réussi à mettre en fonction la carte ! Hourra :-)
      https://www.sambaedu.org/Cartographie-des-se4

      C’était un problème de résolution dns. Une fois corrigé, cela est tombé en marche®.

      Merci pour nous avoir aiguillé vers la cause de l’erreur.

      Je ne sais pas si on pourra aussi importer les couleurs des marqueurs.

      Cordialement,

      Michel Suquet

    Reply to this message

  • 4

    Bonjour,

    Est-il possible, quelque part dans le plugin, de choisir si une carte est scrollable ou pas ?

    Mon problème est la navigation sur smartphones et tablettes qui ne permet pas de scroll la page si on scroll sur la carte (quand celle-ci prend beaucoup de place sur l’écran)

    Merci !

    • Oui c’est possible, et c’est même documenté :p

      zoom_molette / zoom_wheel = non désactiver le zoom avec la molette de la souris, actif par defaut

      Normalement cette option du modèle est bien ce que tu cherches :)

    • Merci de ta réponse et j’ai bien mon zoom_molette sur non.

      Cela marche très bien sur desktop mais sur mobile / tablette le scroll sur la carte est toujours possible :’(
      J’aurais voulu au minimum le désactiver et au mieux que le scroll de la page entière puisse continuer même en scrollant sur une carte.

      Je vais jeter un coup d’oeil aux plugins leaflet même si à priori il n’y a rien de transcendant pour ce problème précis.

    • Ha oui, cela semble être un bug connu de Leaflet, essaye peut-être une des solutions proposées ici :

      https://github.com/Leaflet/Leaflet/issues/4051#issuecomment-215864579
      https://github.com/Leaflet/Leaflet/issues/2031#issuecomment-24599389

    • Le scroll c’est pas le zoom. Le scroll des cartes est un réel problème sur petit écran quand la carte est un peu grande : on ne peut alors plus faire scroller la page car la carte intercepte les demandes. Bug ou pas dans leaflet, ya en tout cas un code qui marche pour 1) permettre de drag’n’scroller la map sur grand écran et 2) empêcher qu’elle ne capture les demandes de scroll sur petit écran (et du coup c’est la page qui scrolle, et plus la carte) :

      dragging: !L.Browser.mobile,
      tap: !L.Browser.mobile,

      Ce petit ajout dans carte_gis.html met fin à plusieurs années où je me servais, pour les petits écrans, de boutons extérieurs à la carte pour permettre de demander le scroll de la page (à défaut d’avoir su empêcher la capture de la demande par la carte.)

      Est ce que je propose une nouvelle option scrollable pour gis, avec 3 valeurs possibles : oui|non|grand_ecran ?

    Reply to this message

  • 2

    Hello

    Je suis un grand flemmard ....

    Est que quelqu’un connait l’astuce pour convertir le latitude et longitude stocké par GIS sous ce format plus humain ?

    35°00'00.0"N 103°00'00.0"E

    Vu depuis par ex. https://www.atlasofplaces.com/photography/history-images/

    Reply to this message

  • 2

    Bonjour,
    j’utilise GIS avec bonheur et j’ai déjà utilisé javascript sur une carte, mais je sèche sur la manière de surcharger la création des clusters : je veux que leur taille dépende de leur nombre de points contenus et que leur couleur dépende de leur localisation et non de leur nombre.
    La librairie prévoit bien la personnalisation des icones de clusters ici dans le source : il “suffit” que je définisse L.MarkerClusterGroup.options.iconCreateFunction avec ma propre fonction.
    J’ai donc créé ma fonction myIconCreateFunction() et elle fait bien le boulot = elle récupère le _latlng du cluster reçu en paramètre, calcule la bonne couleur et l’insère en background-color du DIV créé. Ça marche bien quand je met son code en dur à la place de celui de la fonction par défaut dans la librairie... mais comment faire dans ma page SPIP+GIS l’équivalent de L.MarkerClusterGroup.options.iconCreateFunction = 'myIconCreateFunction' pour qu’e ma fonction soit appelée automatiquement à la place du comportement par défaut... et sans surcharger le source de la librairie comme je le fais pour tester ?

    • Tu peux le faire comme ce qui suit par exemple. Ici on personnalise les icones des clusters en fonction du nombre d’enfants qu’ils “contiennent”, puis on génère un marker personnalisé

      $('#map1').on('load', function(){
          this.map.options.clusterOptions.iconCreateFunction = function(cluster) {
              var childCount = cluster.getChildCount();
              var c = ' marker-cluster-';
              if (childCount == 1) {
                  c += 'dot';
              } else if (childCount < 10) {
                  c += 'small';
              } else if (childCount < 50) {
                  c += 'medium';
              } else {
                  c += 'large';
              }
              return new L.DivIcon({ html: '<div><span>' + ((childCount == 1) ? '' : childCount) + '</span></div>', className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) });
          }
      });
    • Ouiiiii ça marche :-D
      Merci b_b !

    Reply to this message

  • 1

    Bonjour,

    Quelque chose de relativement simple m’échappe.

    J’ai un “point” GIS, qui est un polygone, et qui est lié à un article.
    Lorsque je fais l’appel à l’inclure dans mon squelette avec le paramètre centrer_auto=oui, le niveau de zoom originel du point GIS n’est pas pris en compte. Idem avec centrer_auto=non.

    N’y a t’il pas d’héritage du niveau de zoom du point en passant par le modele carte_gis_objet ?

    #INCLURE{fond=modeles/carte_gis_objet,
    objet=article,
    id_objet=#ID_ARTICLE,
    centrer_auto=oui,
    fullscreen=oui}	

    Merci pour votre aide !

    • Non, si tu utilises centrer_auto, la carte se débrouille pour afficher tout le contenu demandé, et donc le niveau de zoom s’adapte en fonction du contenu à afficher. Si tu veux un zoom défini manuellement, il faut définir le centre et le zoom de la carte manuellement.

    Reply to this message

  • 1

    Bonjour, j’ai un soucis avec GIS4 et albums.
    Je souhaite avec afficher une carte avec les albums ayant une geoloc.

    J’appelle ma carte comme ça :

    [(#INCLURE{fond=modelescarte_gis,zoom_wheel=non,fullscreen=oui,zoom=5,autocenterandzoom=oui,limit=100,cluster=oui,scale=oui,objets=albums,tooltip=oui,id_map=2,height=600px})]

    et j’ai crée un crée gis_albums.html dans le dossier JSON à la racine de mon squelette

    avec ce code :

                    <BOUCLE_alb(ALBUMS){gis}{id_album ?}{id_article ?}{id_rubrique ?}{id_secteur ?}{id_mot ?}{id_groupe ?}{id_auteur ?}{recherche ?}{0, #ENV{limit}}{","}>
                    {"type": "Feature",
                    ["geometry": (#GEOMETRY|appliquer_filtre{wkt_to_json}|sinon{{"type": "Point", "coordinates": \[#LON, #LAT\]}}),]
                    "id":"#ID_GIS",
                    "properties": {
                            "title":[(#URL_ALBUM|lien_ou_expose{[(#TITRE_GIS*|sinon{#TITRE*}|extraire_multi|supprimer_numero)]}|json_encode)],
                            "description":[(#DESCRIPTIF_GIS|sinon{#TEXTE}|json_encode)][
                            (#LOGO_GIS|gis_icon_properties)][,
                            "styles": (#GEOMETRY_STYLES|appliquer_filtre{geometry_styles_to_json})]
                    }}</BOUCLE_alb>

    Je vois bien une carte mais pas les points. J’ai raté un truc ? ça vient peut etre d’album ?

    Merci

    • Salut, comme très souvent (pour ne pas dire toujours), un lien vers la page qui affiche le bug nous nous aidera grandement à t’aider :)

    Reply to this message

Ajouter un commentaire

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