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...

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...