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

URL: http://www.netpublic.fr/2014/06/com...
Via un article de Jean-Luc Raymond, publié le 8 juin 2014

©© a-brest, article sous licence creative common info

Accès aux droits et inclusion numérique : venez découvrir les lieux ressources
Une carte collaborative des structures et services ressources en matière d’accès aux droits et d’inclusion numérique a été réalisée dans le cadre du Chantier multipartenarial et métropolitain initié en 2019. 400 (…)
Animacoop : inscriptions ouvertes pour la session de l’automne 2024 à Brest
Développez vos compétences collaboratives ! Vous souhaitez Développer des compétences collaboratives en associant : Compréhension des dynamiques de groupe Méthodes d’intelligence collective Émancipation de (…)
Déjà 84 PAPI (points d’accès publics à internet) sur la carte collaborative gogocarto
Le multimédia, outil valorisant de communication peut être un facteur de lien social et de reconquête de l’estime de soi. D’où le réseau de plus d’une centaine de Papi, points d’accès public à internet, au plus près (…)
La nouvelle édition du guide de la fabrication et de la fabrication numérique est disponible !
La nouvelle édition du guide est arrivée, et sera notamment distribuée à la Fête de la science dans le Fabuleux Laboratoire aux ateliers des Capucins du jeudi 7 au dimanche 10 octobre !!!! La ville de Brest et ses (…)
Daniel et Mylène Larvor, une contribution exceptionnelle sur l’histoire de Brest à travers 27 modélisations mises en partage sur wiki-brest
Une interview pour mettre en valeur des années de travail publiées sur wiki-brest parce que le partage leur est important. Une posture inspirante de contributions aux communs bien en phase avec cette écriture ouverte (…)
Premier pas vers une gouvernance contributive (1)
En développant une politique publique du numérique à Brest , l’intention première visait à réduire les inégalités, favoriser l’inclusion sociale et développer les usages. Et puis petit à petit, nous avons appris « (…)
Brest Creative : une soixantaine d’innovations sociales ouvertes publiées
Première étape de Brest Creative, réseau de l’innovation sociale ouverte, voici les fiches descriptives d’une soixantaine d’innovations sociales à Brest et au pays de Brest publiées sur la plate forme Imagination (…)
Anime-fr : Réseau francophone des animateurs de projets collaboratifs
Lorsque nous avions initié Intercooop aux ETES TIC de Rennes en 2007 nous exprimions l’envie d’interconnecter des réseaux coopératifs. Prolongement du groupe IC-Fing, duForum des usages coopératifs, des ateliers (…)