Comment ajouter une carte OpenStreetMap sur un site Web

logo openstreetmapComment mettre en ligne une carte personnalisée libre OpenStreetMap sur un site Web, un blog, un forum et ainsi s’affranchir de solutions commerciales et propriétaires de type Google, Mappy… ?

Rodolphe Quiédeville a eu la bonne idée de lancer un module d’intégration baptisé CartOSM afin de faciliter l’insertion de carte OpenStreetMap directement sur un site (via un iframe – widget).

Le service en ligne CartOSM est gratuit et facile à utiliser.

Intégration d’une carte OpenStreetMap à un site : Mode d’emploi

L’ajout de la carte personnalisée sur le site se déroule en 5 étapes :

  • Positionnez la carte sur votre adresse ou l’endroit à désigner,
  • Choisir les options de cartes à la droite de la carte,
  • Recopiez le code HTML de l’Iframe qui s’affiche à droite de la carte,
  • Insérez le code dans la page web de votre site, vous avez une carte libre,
  • Avec une 4e étape optionnelle mais souhaitée : partager ce service.

CartOSM utilise les données du projet OpenStreetMap en totale indépendance et n’a pas de lien direct avec le projet.

Exemple d’intégration : L’Ile de la Réunion

Licence : Lire la licence dans une nouvelle fenêtre Creative Commons by-nc-sa
Géographie : France

Tags: , ,

Ressources similaires



2 commentaires à “Comment ajouter une carte OpenStreetMap sur un site Web”

  1. avatar cquest :

    Il existe un service beaucoup plus complet mis en place par OpenStreetMap France : uMap
    -> http://umap.openstreetmap.fr

    Au programme:
    – choix du fond de carte,
    – import/export de données
    – beaucoup plus d’interactivité et de personnalisation possible

  2. avatar Jean-Luc Raymond :

    Merci pour votre complément d’information.

Poster un commentaire

Merci de vous inscrire ou de vous connecter pour rédiger un commentaire.

 

Formations animateurs

Exporter le widget

Suivre NetPublic

  • S'abonner au flux RSS
  • NetPublic sur Twitter (site externe)
  • NetPublic sur LinkedIn (site externe)
  • Les vidéos NetPublic sur Dailymotion (site externe)
  • Les vidéos NetPublic sur Youtube (site externe)
  • NetPublic sur Google+ (site externe)
  • NetPublic sur Scoop.it (site externe)
  • La galerie photos NetPublic sur Flickr (site externe)

Facebook

Se connecter

Pour poster un contenu, participer au forum






S'inscrire   -   Mot de passe oublié ?

Forum

Aller sur le forum Net Public (Nouvelle fenêtre)
Espace de discussion