Dans le cadre de la création d’un site internet utilisant Joomla, on peut être amené à devoir ajouter un plan Google Maps pour situer un lieu ou une entreprise. Google fourni le code HTML à insérer dans la page qui doit accueillir ce plan mais, on peu être confronté à des difficultés pour intégrer ce code. Nous allons voir comment ajouter un plan Google dans un site utilisant Joomla 1.7 en utilisant le composant et le plugin Phoca Maps.

Utiliser Phoca Maps permet également de personnaliser les plans que l’on souhaite mettre en ligne sur son site Joomla 1.7.

 

1- Obtenir Phoca Maps

Tout d’abord, nous devons récupérer ces deux éléments chez l’éditeur Phoca dans la section Download.

Téléchargez le composant et le plugin compatible avec votre version de Joomla.

 

2 – Installer Phoca Maps

Pour installer Phoca Maps, vous devez vous connecter à votre interface de mise à jour de Joomla. Puis allez dans Extensions -> Gestion des extensions

 

Installez successivement le composant et le plugin.

3 – Activer le plugin Phoca Maps

Comme chaque plugin nouvellement installé, vous devez activer le plugin Phoca Maps. Rendez-vous dans Extensions > Gestion des plugins

 

4 – Paramétrer Phoca Maps

Pour créer un plan de site Google, ça se déroule en deux étapes :
– créer un plan Google Maps
– ajouter un marqueur sur la carte pour localiser le lieu à repérer

 

Création d’une carte Google :

Composants -> Phoca Maps -> Maps -> Nouveau

 

Une fois la carte créée, pensez à copier le code de votre Google Maps. Exemple : {phocamaps view=map|id=1}

Création d’un marqueur

Composants > Phoca Maps > Markers > Nouveau

 

Vous pouvez personnaliser le marqueur :

 

Remarque : rien n’empêche de rajouter plusieurs marqueurs sur un Google Maps. Par exemple pour localiser les restaurants d’une ville.

 

5 – Afficher un Google Maps dans un article

Pour afficher le Google Maps précédemment créé avec Phoca Maps, il vous suffit de coller le code de votre plan dans un article pour voir le voir apparaitre à l’endroit désiré.

 

Voilà nous avons vu comment ajouter simplement un Google maps dans un article d’un site motorisé avec Joomla 1.7.

 

Vous avez des remarques ou des questions, n’hésitez pas à laisser un commentaire.

 

Catégories : Atelier numérique

Claude BUENO

Je suis passionné par les technologies de l'information et de la communication. Ma mission : accompagner les clients dans leur transformation digitale. Je blogue depuis 2008 sur les sujets numériques. Je suis fan de Star Wars, Vikings et Game of Thrones. J'habite à Tours.

3 Comments

leila · 5 janvier 2012 à 20 h 25 min

salut, je voudrais savoir comment insérer un google maps avec joomla 1.5.

merci

guillon · 22 février 2012 à 0 h 15 min

Bonjour,
J’utilise Joomla avec le template T3 purity.
l’image de la carte ne s’affiche pas (message ‘aucune image n’est disponible’), alors que le marqueur est bien positionné.
A quoi est-ce que cela peut être dû ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Articles similaires

Atelier numérique

Définir DuckDuckGo moteur de recherche par défaut sur Google Chrome

Ce n’est plus un secret : nos échanges sur la grande toile du Net sont à la merci des grandes oreilles des services secrets et des entreprises du Net. La NSA a mis sur pied Lire la suite…

Atelier numérique

Comment améliorer en 3 étapes les commentaires WordPress grâce au CSS3 ?

Je me demandais comment donner plus de relief à l’espace commentaire sur mon blog WordPress aussi, je profite de ce samedi matin pour revoir le style graphique de ce coin d’échange et de partage avec Lire la suite…

Atelier numérique

Comment installer PrestaShop chez OVH ?

Nous allons voir dans ce billet comment installer simplement le moteur de boutique en ligne PrestaShop sur un serveur mutualisé OVH Cette méthode ne requiert aucune connaissance technique pour mettre en place PrestaShop puisque tout Lire la suite…