Passer au contenu principal

Une carte Google Maps sur votre site web

Comment ajouter une care Google Maps sur une page de votre site web UNIL

Marche à suivre pour un site JahiaWordPress UNIL

rédactionCet enajout cours

d'une

Marchecarte Google Maps va s'effectuer à suivrel'aide pour d'un siteiframe, WordPressque UNIL

l'on peut insérer dans une page sous forme de bloc "code court".

1. Activer l'extension iframe et insérer un bloc "widget - code court" à l'emplacement où vous souhaitez ajouter la carte

image-1587482755176.png

2. Aller sur https://www.google.ch/maps et rechercher l'adresse souhaitée,e (dans notre exemple, l'adresse de l'Internef), puis choisir partager et intégrer une carte

3. Copier le contenu HTML

image-1587483395433.png

4. Ouvrir un éditeur de texte (TextEdit, Bloc notes, Word...) comme presse-papier temporaire et y coller le contenu HTML

5. Sélectionner précisément la partie du contenu HTML illustrée ci-dessous et la copier

image-1587483922732.png

6. Coller ce contenu dans la syntaxe d'appel du code court nécessaire pour l'iframe: [iframe src= ... ]

image-1587484114168.png

7. Copier-coller le code court avec son contenu dans le bloc "widget - code court" et mettre à jour la page

image-1587484629800.png

Marche à suivre pour un site Jahia UNIL

rédaction en cours