Deltacms

Catégories => Trucs et astuces => Discussion démarrée par: Lionel le Sep 17, 2024, 11:43 PM

Titre: Ajouter une carte OpenStreetMap contenant un marqueur
Posté par: Lionel le Sep 17, 2024, 11:43 PM
Ajouter une carte OpenStreetMap contenant un marqueur en 10 étapes :

Etape 1

Ouvrir le site d'OpenStreetMap : https://www.openstreetmap.org

1_ouvrir-osm.jpg

Etape 2

Cliquer sur "partager"

2_cliquer-sur-partager.jpg

Etape 3

Sélectionner "inclure le marqueur"

3_selectionner-inclure-le-marqueur.jpg

Etape 4

Agrandir la carte et déplacer le marqueur (ou la carte sous celui-ci) à l'endroit voulu

4_agrandir-la-carte-et-deplacer-le-marqueur-a-l-endroit-voulu.jpg

Etape 5

Sélectionner "html" et copier le code

5_selectionner-html-et-copier-le-code.jpg
Titre: Re : Ajouter un carte OpenStreetMap contenant un marqueur
Posté par: Lionel le Sep 17, 2024, 11:49 PM
Etape 6

Créer une nouvelle page dans votre site DeltaCMS

6_creer-une-nouvelle-page-dans-delta.jpg

Etape 7

Modifier cette page et cliquer sur le bouton <> code source

7_modifier-cette-page-et-cliquer-sur-code-source.jpg

Etape 8

Coller le code fourni par OSM et préalablement copié

8_coller-le-code-osm.jpg

Etape 9

Cliquer sur "ok" puis enregistrer la page

9_cliquer-sur-ok-puis enregistrer-la-page.jpg

Etape 10

Voila le résultat

10_resultat.jpg
Titre: Re : Ajouter une carte OpenStreetMap contenant un marqueur
Posté par: Lionel le Sep 18, 2024, 12:05 AM
Vous pouvez modifier l'aspect de cette carte OpenStreetMap, directement dans le code source

Reprendre l'étape 7 ci-dessus décrite, puis modifier les tailles et éventuellement le style, puis reprendre l'étape 9

11_reprendre-l-etape-7-puis-modifier-les-tailles-et-eventuellement-le-style-puis-reprendre-etape-9.jpg

Voici le nouveau résultat :

12-resultat.jpg