Iframe carte

Page localisation IGN

Cette page permet d'afficher automatiquement une carte IGN avec un point d'intérêt dont les coordonnées sont indiquées dans l'URL.

ex : localisation/?center=48.845469,2.423739

Afin de paramétrer l'url à copier/coller en iframe il suffit d'aller sur cette page : https://www.ign.fr/publications-de-l-ign/localisation/

Le marker au centre de la page est placé par défaut sur l'IGN.
Le marker est fixe au centre de l'écran ; on déplace la carte pour pointer la nouvelle localisation ; on peut changer de zoom et de fond de carte
On peut saisir un titre, un contenu et choisir d'ouvrir la pop-up par défaut dans le panneau en bas à gauche.

L'url change en fonction de la localisation, du niveau de zoom, du fond de carte et des textes saisis.

Il n'y a plus qu'à copier l'url dans le navigateur pour générer sa carte avec sa pop-up (ou sans pop-up, il suffit de ne pas remplir les champs).

Le panneau Titre et contenu ne s'affiche pas sur l'adresse qui est copiée-collée.

Liste des paramètres

center : seul paramètre obligatoire (coordonnées en latitude, longitude). Représente le centre de la carte et les coordonnées du point d'intérêt à afficher.

Des paramètres complémentaires peuvent être ajoutés :

layer : planIGN ou mixte. Si le paramètre n'est pas mentionné planIGN est utilisé.

zoom : de 1 à 18. Si le paramètre n'est pas mentionné le zoom niveau 17 est utilisé.

title : titre de la pop-up, sous forme d'url encodée (« percent encoding »)

content : contenu de la pop-up, sous forme d'url encodée (« percent encoding »)

open : true ou false. Si true, la pop-up est ouverte par défaut. Si le paramètre n'est pas mentionné la pop-up est fermée. Attention, dans certains cas, lors d'un appel dans un iframe la pointe de la pop-up peut être apparaître décalée par rapport au marker.

Exemple d'URL complète avec tous les paramètres

https://www.ign.fr/publications-de-l-ign/localisation/?Y2VudGVyPTQ4Ljg0NTYxOTcxMzUwNDg0NiwyLjQyMzY5NzcxMDAzNzIzMiZ6b29tPTE3JmxheWVyPXBsYW5JR04mdGl0bGU9RyVDMyVBOW9yb29tJmNvbnRlbnQ9OCUyMGF2ZW51ZSUyMFBhc3RldXIsJTIwOTQlMjAxNjAlMjBTYWludC1NYW5kJUMzJUE5Jm9wZW49dHJ1ZQ==