Welcome to Magazine Premium

You can change this text in the options panel in the admin

There are tons of ways to configure Magazine Premium... The possibilities are endless!

Member Login
Lost your password?

Insérer une carte IGN de sa commune

9 octobre 2012
Share 'Insérer une carte IGN de sa commune' on Delicious Share 'Insérer une carte IGN de sa commune' on Digg Share 'Insérer une carte IGN de sa commune' on Facebook Share 'Insérer une carte IGN de sa commune' on Twitter Share 'Insérer une carte IGN de sa commune' on Email Imprimer

Une mise à jour assez importante du code nécessaire à l’affichage de la carte IGN est nécessaire. La procédure reste toutefois identique, il vous faudra récupérer le bout de code en bas d’article et insérer les paramètres de votre commune (clé API IGN, latitude et longitude)

L’IGN permet aux collectivités de publier, gratuitement, une carte dynamique de leur commune sur leur site. On pourra voir un exemple pour Camon sur ce site http://wordpress.sommenumerique.fr/cartographie-ign-de-la-commune

Pour obtenir le code pour votre commune vous allez devoir ouvrir un compte sur le site de l’IGN (cela prend quelques minutes) :

  • Rendez vous sur le site https://api.ign.fr/geoportail/index.do
  • Cliquez sur Je souhaite créer un compte et remplissez les champs
  • Créer un nouveau contrat pour votre site (attention l’URL doit être l’URL définitive de votre site Internet, choisissez les « couches » que vous souhaitez voir apparaître
  • Copier/coller la clé du contrat sur un fichier texte.

Maintenant, vous allez créer la page ou l’article dans lequel vous souhaitez voir apparaitre votre carte dynamique.

  • Désactivez tous les plugins (extensions > tout sélectionner > désactiver).
  • Ouvrez votre page ou article et passez l’éditeur en mode « html » et non « visuel »
  • Dans votre page ou article (mode html) : copier/coller le code ci-dessous
  • Remplacez les xxxxxxxx par votre code de contrat API IGN
  • Remplacez les paramètres de longitude, latitude, zoomsetCenterAtLonLat(2.34, 49.89, 14) par les vôtres
  • Réglez la largeur de votre carte ( width:1000px; ).
  • Réactivez les plugins et l’éditeur visuel si vous l’avez désactivé.

Attention, l’apparence peut être différente selon le thème choisi…

Télécharger le code à copier / coller

Diaporama