Une carte Google Maps dans votre site WordPress

Comment ajouter une care Google Maps sur une page de votre site web UNIL ? Comme notre configuration WordPress ne supporte pas de manière directe l'insertion de code HTML avancé, le code de l'iframe fourni pour Google Maps doit être légèrement adapté pour pouvoir être utilisé avec l'extension iframe que nous mettons à disposition.

Cet ajout d'une carte Google Maps va s'effectuer à l'aide d'un iframe, que 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

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

3. Copier le contenu HTML

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

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

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

Problème connu : cette méthode ne tient pas compte des dimensions spécifiées dans le code HTML de l'iframe. La carte va occuper toute la largeur de la colonne dans laquelle elle est insérée, et on ne peut pas agir sur sa hauteur.