# 5.5.  Insérer le plan d'accès à la médiathèque

Vous pouvez insérer le plan d’accès à votre médiathèque en indiquant le lien (le code HTML) correspondant à votre adresse sur « OpenStreetMap ».

1\. Accédez au site de OpenStreetMap : [https://www.openstreetmap.org](https://www.openstreetmap.org).

2\. Indiquez votre adresse dans la zone de recherche. La carte OpenStreetMap affiche votre localisation à d’écran.

3\. Dans le menu contextuel, cliquez sur « *Partager* ».

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/sYqimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/sYqimage.png)

5\. Dans le menu de droite, cliquez sur « *HTML* ».

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/N7zimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/N7zimage.png)

6\. Sélectionnez et copiez dans la page de contenu le code HTML :

> <span lang="EN-US" style="color: black; mso-color-alt: windowtext; mso-ansi-language: EN-US;">&lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"src="https://www.openstreetmap.org/export/embed.html?bbox=4.814586639404298%2C44.90993366862287%2C4.89492416381836%2C44.95088936348552&amp;amp;layer=mapnik" style="border: 1px solid black"&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;small&gt;&lt;a href="https://www.openstreetmap.org/#map=14/44.9304/4.8548"&gt;Afficher une carte plus grande&lt;/a&gt;&lt;/small&gt;</span>

7\. De retour dans le portail, ouvrez la page qui devra contenir la carte et appuyez sur le bouton « *Source* ». Votre texte va se transformer en format HTML.

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/KHvimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/KHvimage.png)

8\. Allez à la fin du texte HTML et coller le code précédemment copié.

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/hlSimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/hlSimage.png)

9\. Cliquez à nouveau sur le bouton « *Source* » : votre contenu redevient lisible. L’emplacement de la carte est symbolisé par un cadre au sein duquel est simplement inscrit IFRAME.

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/TCkimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/TCkimage.png)

Ne pas oublier de cliquer sur le bouton « *Enregistrer les modifications* » à la fin de votre saisie.

Á l’affichage :

[![image.png](https://bookstack.decalog.net/uploads/images/gallery/2026-08/scaled-1680-/3rpimage.png)](https://bookstack.decalog.net/uploads/images/gallery/2026-08/3rpimage.png)