Leaflet Map pour WordPress

Exemples de base de Leaflet Map pour WordPress

Carte et marqueur avec une adresse dans la popup

Dans l’exemple qui suit, nous allons positionner un marqueur, lorsqu’on clique dessuis, on affiche une bulle d’information (popup) contenant l’adresse du lieu localisé.

[leaflet-map height=480 scrollwheel zoomcontrol lat=45.767180 lng=4.833580 zoom="15"]
[leaflet-marker lat=45.767180 lng=4.833580]<strong>Musée des Beaux-Arts de Lyon</strong><br>20 Pl. des Terreaux, 69001 Lyon[/leaflet-marker]

Carte et marqueur avec une adresse dans la popup affichée par défaut

Dans l’exemple ci-après, on affiche par défaut la popup d’information.

[leaflet-map height=480 scrollwheel zoomcontrol lat=45.767180 lng=4.833580 zoom="15"]
[leaflet-marker lat=45.767180 lng=4.833580 svg background="#777" iconClass="dashicons dashicons-art" color="#FFF" visible]<strong>Musée des Beaux-Arts de Lyon</strong><br>20 Pl. des Terreaux, 69001 Lyon[/leaflet-marker]

Carte et marqueur avec une image et une adresse dans la popup affichée par défaut

[leaflet-map height=480 scrollwheel zoomcontrol lat=45.767180 lng=4.833580 zoom="15"]
[leaflet-marker lat=45.767180 lng=4.833580 svg background="#777" iconClass="dashicons dashicons-art" color="#FFF" visible]<img src="https://www.thanh-nguyen.fr/wp-content/uploads/2022/07/logo-MBAL-noir_web_250px.png" style="display: block;margin: 0 auto;" width="50%"><br><a href="https://www.mba-lyon.fr/fr"><strong>Musée des Beaux-Arts de Lyon</strong></a><br>20 Pl. des Terreaux, 69001 Lyon[/leaflet-marker]

Exemples avancés de Leaflet Map pour WordPress

Affichage d’un tracé GPX

Il est possible d’afficher un tracé en appelant un fichier .gpx ; il faut que ce fichier soit situé sur le même domaine que la page affichant la carte.

[leaflet-map height=480 scrollwheel zoomcontrol fitbounds]
[leaflet-gpx src="https://www.thanh-nguyen.fr/{PATH}randonnee-plateau-des-glieres.gpx"]

Ce tracé GPX est l’itinéraire d’une randonnée merveilleuse sur le Plateau des Glières et à destination du refuge Les mangeurs de Lune. Le fichier GPX est disponible dans le compte-rendu de la randonnée.