OpenStreetMap est un projet international de cartographie dont le but est de créer une carte libre du monde, réutilisable sous licence CC-by-SA. De nombreuses applications sont possibles et, par exemple, celle d’insérer un plan sur vote site Web, comme sur notre page plan d’accès. Plutôt que d’utiliser les services d’une multinationale dont peu de gens lisent les conditions d’utilisations, optez pour une solution vraiment libre.

CartOSM est un projet créé par Rodolphe Quiédeville (il fut à l’origine de Dolibarr, logiciel Web de gestion d’entreprise). Rendez-vous sur le site et suivez les étapes de création de votre plan.

Positionnez le marqueur

Commencez par saisir l’adresse postale du lieu que vous voulez pointer.

La position des numéros dans la rue n’étant pas toujours précise, il faut maintenant déplacer la carte pour faire correspondre le marqueur avec l’emplacement réel.

Paramétrez la zone d’affichage du plan

Dans la zone « Options de la carte » à droite, vous pouvez choisir les interactions dont disposerons vos visiteurs sur la carte incluse. Par exemple, vous pouvez ajouter l’échelle des zooms, un lien pointant vers OpenStreetMap où ils pourront consulter une carte plus vaste.

Choisissez éventuellement un marqueur différent. Tout en bas, vous précisez la taille en pixels qu’occupera le plan sur votre site.

Insérez le plan sur votre site

Sélectionnez l’intégralité de la zone « Le code HTML à insérer » puis copiez et collez-la dans la page idoine.

Si vous utilisez un gestionnaire de contenu tel que WordPress, vous devez insérer ce code en mode HTML et non visuel. De manière générale, ne copiez pas ce code dans un éditeur de texte de type traitement de texte (où vous voyez votre texte avec la mise en forme). Si vous le faites, le code HTML ne sera pas interprété et le plan ne sera pas affiché.

Et pour finir, voici ce que cela donne en vrai :