Comment insérer un Google Maps avec Joomla 1.7

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.

 

3 Replies to “Comment insérer un Google Maps avec Joomla 1.7”

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

    merci

    1. Bonjour Leila, je viens de publier la vidéo qui montre comment insérer un Google Maps dans Joomla 1.5 : http://www.claudebueno.com/inserer-un-google-maps-dans-joomla-1-5/

  2. 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