Tutoriel
Joomla
Afficher une carte Google dans un article
Pouvoir afficher un emplacement très précis grâce à une carte Google dans un article (ou dans un module) est une fonctionnalité qui s'avère être intéressante à fournir aux visiteurs qui peuvent ainsi vous localiser plus facilement. Cela peut se faire très simplement et sans recourir à l'ajout d'une extension tierce. Nous allons voir au travers de ce tutoriel comment afficher une carte Google dans un article de votre site Joomla.
Table des matières
- Les filtres
- Le code Google
- L'ajout dans l'article
Les filtres
Par défaut, Joomla! filtre l'ajout de certains codes par mesure de sécurité. Il faut donc commencer par s'assurer qu'en tant que super adminsistrateur de votre site, vous allez pouvoir ajouter le code Google permettant d'afficher la carte de votre choix.
A partir du panneau d'administration, ouvrez Système, Configuration puis cliquez sur l'onglet Filtre de textesstrong>.
Si ce n'est pas le cas, règlez le paramètre sur Aucun filtre pour le groupe Super administrateur :
Le code Google
Ouvrez maintenant Google Maps.
Dans la barre de recherche, indiquez l'emplacement à afficher sur la carte (dans ce tutoriel, nous afficherons la carte de France).
Pour obtenir le code de cette carte, cliquez maintenant sur Partager.
Dans la fenêtre qui s'ouvre, cliquez sur l'onglet Intégrer la carte.
Avec votre souris, faites un clic droit sur le code surligné en bleu dans l'image puis cliquez sur Copier.
L'ajout dans l'article
Revenons sur le panneau d'administration de Joomla.
Cliquez sur Contenu puis sur Articles et enfin sur Ajouter un nouvel article.
Afin de pouvoir ajouter le code de la carte Google que nous venons de copier, cliquez d'abord sur le bouton Basculer l'éditeur situé sous la zone de saisie du texte.
Collez maintenant le code de la carte Google dans la zone de texte. Indiquez un titre à votre article et ajoutez le à la catégorie de votre choix.
Cliquez sur Enregistrer et fermer pour sauvegarder votre saisie.
Affichez maintenant le frontend du site pour constater l'affichage de la carte dans l'article :
