Utilisateur

Momo50/Extension Maps/Affichage des cartes Leaflet

De Wikimanche

< Utilisateur:Momo50‎ | Extension Maps

Maps prend en charge l'intégration de cartes dynamiques à l'aide de la bibliothèque Leaflet gratuite et open source .

Syntaxe de base

L'affichage des cartes se fait avec la fonction parser #display_map

Exemple

{{#display_map:center=Cité de la mer, Cherbourg-en-Cotentin, France}}

Chargement de la carte...

Personnalisation

Les cartes Leaflet peuvent être personnalisées à l'aide de divers paramètres.

Exemple
{{#display_map:center=Saint-Lô
|width=400
|height=250
}}
Chargement de la carte...

Voir : personnalisation des cartes Leaflet pour un aperçu complet des paramètres de personnalisation, y compris des exemples.

Affichage des données

Marqueurs

{{#display_map: Mont-Saint-Michel, France
}}
Chargement de la carte...

Multiples points

Vous pouvez afficher plusieurs emplacements en les séparant par des points-virgules. Et il est possible d'utiliser des coordonnées au lieu de noms de lieux.

Exemple
{{#display_map: La Haye, Manche; Montpinchon; 48° 42' 46.02" N, 1° 0' 21.39" W
}}
Chargement de la carte...

Vous pouvez personnaliser les marqueurs par emplacement. La syntaxe est :

Emplacement~Titre de la fenêtre contextuelle~Texte de la fenêtre contextuelle~Fichier:Icône personnalisée~Groupe~Étiquette en ligne~Fichier:Icône visité

  • Emplacement : l'emplacement où afficher le marqueur. Les coordonnées et les adresses sont prises en charge
  • Titre et Texte de la fenêtre contextuelle : contenu optionnel d'une popup affichée lors du clic sur le marqueur. Aucune fenêtre contextuelle ne s'affiche si les deux sont vides
  • Fichier:icône par défaut : nom optionnel d'une image à afficher à la place du marqueur par défaut
  • Groupe :
  • Étiquette en ligne : étiquette facultative affichée à côté du marqueur. Actuellement affiché uniquement lors de l'utilisation de Google Maps
  • Fichier:icône visité : nom optionnel d'une image à afficher comme marqueur lorsque le marqueur est cliqué
Exemple
{{#display_map: Cherbourg~La ville de Cherbourg~Cherbourg est une très belle ville et il y a plein de choses à visiter~Mark WM.png; Saint-Lô~La ville de Saint-Lô~Saint-Lô est la préfecture de la Manche~Mark WM.png
}}


Chargement de la carte...

Lignes

Via le paramètre lines=, vous pouvez afficher des lignes sur la carte. Chaque ligne a au moins deux emplacements. Comme pour les marqueurs, vous pouvez spécifier un titre et un texte contextuels. Vous pouvez également spécifier l'apparence de la ligne. La syntaxe est :

Première adresse:deuxième adresse:troisième adresse facultative: etc. ~Titre de la popup~Texte de la popup~Couleur de la ligne~Opacité de la ligne~Épaisseur de la ligne

Exemple
{{#display_map:lines=
  Périers:Carentan:Lessay;
  Cherbourg:Avranches~Ligne Cherbourg à Avranches~Je suis un texte~green~0.42~10
}}
Chargement de la carte...

Polygones

Via le paramètre polygons=, vous pouvez afficher des polygones sur la carte. Chaque polygone a au moins deux emplacements. Comme pour les marqueurs, vous pouvez spécifier un titre et un texte contextuels. Vous pouvez également spécifier l'apparence du polygone. La syntaxe est :

Exemple

Première adresse:Deuxième adresse:Troisième adresse facultative ~Titre de la popup~Texte de la popup~Couleur de la bordure~Opacité de la bordure~Épaisseur de la bordure~Couleur de remplissage~Opacité de remplissage ~Afficher uniquement au survol

{{#display_map:polygons=
  Saint-Lô:Granville:Villedieu-Rouffigny;
  La Hague:Barfleur:Valognes~Je suis un titre~Je suis une description~green~0.7~10~blue~0.5
}}
Chargement de la carte...

Cercles

Via le paramètre circles=, vous pouvez afficher des cercles sur la carte. Chaque cercle a un centre et un diamètre. Vous pouvez spécifier le titre et le texte de la fenêtre contextuelle et l'apparence du cercle. La syntaxe est :

Adresse du centre:Diamètre~Titre de la popup~Texte de la popup~Couleur de la bordure~Opacité de la bordure~Épaisseur de la bordure~Couleur de remplissage~Opacité de remplissage

Exemple
{{#display_map:circles=
  EPR Flamanville, Manche:30000 ;
  EPR Flamanville, Manche:500~Je suis un titre~Et je suis une description~green~0,7~10~blue~0,5
| zoom=9
}}
Chargement de la carte...

Rectangles

Via le paramètre rectangles=, vous pouvez afficher des rectangles sur la carte. Chaque rectangle a un emplacement Nord-Est et un emplacement Sud-Ouest. Vous pouvez spécifier le titre et le texte de la fenêtre contextuelle et l'apparence du rectangle. La syntaxe est :

Emplacement nord-est:Emplacement sud-ouest
~Titre de la popup~Texte de la popup~Couleur de la bordure~Opacité de la bordure~Épaisseur de la bordure~Couleur de remplissage~Opacité de remplissage

Exemple
{{#display_map:rectangles=
 Saint-Lô:Coutances;
 Carentan:Avranches~Je suis un titre~Je suis une description~green~0.7~10~blue~0.5
}}
Chargement de la carte...

GeoJSON

Depuis la version 5.6, Maps prend en charge l'affichage de GeoJSON via le paramètre geojson=. Voir Fichiers Leaflet GeoJSON.

Syntaxe alternative

Lorsque vous avez de nombreux marqueurs personnalisés, l'utilisation de la fonction d'analyseur #display_map peut devenir difficile à manier. Pour cette raison, vous pouvez également utiliser la balise <display_map>. Elle a tous les mêmes paramètres que la fonction d'analyseur, la seule différence est la syntaxe. Chaque emplacement possède sa propre ligne et ils n'ont pas besoin d'être séparés par un point-virgule.

Exemple
<display_map>
  Bricquebec~La ville de Bricquebec~Bricquebec a un vieux château médiéval~~~Bricquebec
  Montsurvent~La commune de Montsurvent~A voir, le moulin à vent de Monsurvent~~~Montsurvent
  Folligny~La commune de Folligny~~~~Folligny
</display_map>
Chargement de la carte...

Paramètres pris en charge pour Leaflet

Paramètre Type Par défaut Description
zoom nombre entier no Le niveau de zoom de la carte. Pour les cartes avec marqueurs, ceci positionne la valeur par défaut du plus grand zoom qui permet encore de montrer tous les marqueurs.
width nombre et unité de dimension auto Permet de définir la largeur de la carte. Par défaut les pixels seront considérés comme unité, mais vous pouvez spécifier explicitement une de ces unités : px, ex, em, %.
height nombre et unité de dimension 350 Permet de définir la hauteur de la carte. Par défaut les pixels seront considérés comme unité, mais vous pouvez spécifier explicitement une de ces unités : px, ex, em.
centre texte no Le lieu sur lequel la carte devra être centrée
title texte vide Permet de définir le texte qui sera affiché dans les bulles contextuelles de tous les marqueurs qui ne disposent pas d’un titre spécifique.

Lorsqu’il est utilisé avec le libellé, le titre sera en gras et souligné.

label texte vide Permet de définir le texte qui sera affiché dans les bulles contextuelles de tous les marqueurs qui n’ont pas de libellé spécifique.
icon texte vide Permet de définir l’icône utilisée pour tous les marqueurs.
lines Liste de lignes vide Lignes à afficher
polygons Liste des polygones géographiques vide Polygones à afficher
circles Liste de cercles vide Cercles à afficher
rectangles Liste de rectangles vide Rectangles à afficher
maxzoom nombre entier no Le niveau maximal d’agrandissement
minzoom nombre entier no Le niveau minimal d’agrandissement
copycoords oui/non no Afficher une boîte de dialogue lors du clic sur un emplacement, depuis laquelle ses coordonnées peuvent être copiées.
static oui/non no Rendre la carte statique
defzoom nombre entier 14 Permet de définir le niveau de zoom par défaut de la carte.
layers liste de textes OpenStreetMap Les couches qui seront disponibles dans le sélecteur de couche. La première est celle qui sera affichée pendant le chargement de la carte.
image layers liste de textes vide Couches de base de l’image. La première couche sera affichée par défaut. Si des images sont spécifiées, elles seront utilisées à la place des couches de carte habituelle.
overlays liste de textes vide Les surcouches qui seront affichées pendant que la carte se charge.
resizable oui/non no Rendre la carte redimensionnable en faisant glisser son coin inférieur droit.
fullscreen oui/non no Activer le bouton du mode plein écran
scrollwheelzoom oui/non yes Indique si le défilement à la souris doit être ou non activé.
cluster oui/non no Autoriser la fusion de plusieurs repères à proximité en un seul repère
clustermaxzoom nombre entier 20 Niveau maximal de zoom pour lequel des agrégats peuvent exister.
clusterzoomonclick oui/non yes Si le comportement lorsqu’on clique sur un agrégat est par défaut de zoomer dessus.
clustermaxradius nombre entier 80 Le rayon maximal qu’un agrégat couvrira.
clusterspiderfy oui/non yes Lorsque vous cliquez sur un agrégat à bas niveau de zoom nous l’explicitons afin que vous puissiez voir l’ensemble de ses marqueurs.
geojson texte vide URL de fichier ou nom de page contenant des données GeoJSON
clicktarget texte vide En cliquant sur la carte, vous serez redirigé vers cet URL. %lat% est remplacé par la latitude et %long% par la longitude.