L’association des modules GMaps et Location permettent de mettre en place un système de géolocalisation (de points de vente par exemple) assez puissant. Ces 2 modules ont été implémentés pour un de nos clients, et nous ont permis d’implémenter une rubrique “Nos Agences” avec une carte Google Maps dans laquelle se trouvent toutes les agences sous forme de pictos. Chaque agence est en fait un node, et la carte des agences est une vue.
Installation et configuration des modules :
Une fois les modules dézippés et placés au bon endroit, il faut activer les modules suivants :
- GMap
- GMap Location
- Location
- Node Locations
Il faut bien distinguer les 2 modules “GMap” et “Location”. “Location” permet d’affecter des coordonnées à un contenu (Node ou User), alors que GMap est là pour permettre l’insertion d’une carte Google Map dans un noeud. “GMap Location” fait le lien entre les 2.
Une fois installés, il faut les configurer. Ceci consiste à définir le pays, à dire à “Location” qu’il utilise Google Maps pour la géolocalisation, à renseigner la “Google Maps API Key” etc…
Création du type de contenu “Agence” :
Il faut maintenant créer le type de contenu qui stockera les coordonnées. Il s’agit d’un type de contenu standard. Sauf que maintenant, lorsqu’on créé un type de contenu, la partie “Locative information” est disponible :
On définit donc les informations de localisation associé au type de contenu “Agence”, ainsi que les champs qui seront stockés (en plus des coordonnées).
Après, il suffit de créer quelques nodes de type “Agence”…
La contribution des informations liées à la localisation est assez facile : un formulaire permet de saisir l’adressse, et le module trouve automatiquement les coordonnées. De même, une fois le point trouvé, il est possible de déplacer ce point sur la carte.
Création de la vue :
C’est elle qui va afficher les nodes de type “Agence” sur une carte Google maps.
On créé donc la vue, de type “Node”. Son rendu sera de type “Page” (pour la visualiser plus rapidement, mais on peut très bien la créer de type “Bloc”), et le style (dans “Paramètres de base”) : “Gmap”. Ceci permettra d’afficher automatique le résultat de la vue sous forme de carte.
Le résultat :
Il est simple et efficace :
Et puisqu’il s’agit d’une vue, on peut tout imaginer :
- Customisation des pictos
- Personnalisation de l’info bulle
- Filtrer en fonction de la taxonomy
- Moteur de points de vente
- etc…
Resources :
Les modules Drupal :
2 vidéos très interessantes sur le site biboo.net :
Salut,
sympa ce tutoriel, mais j’aurais voulu savoir comment fais tu pour personnaliser les info-bulles ?
Merci.
Répondre
Bonjour,
il suffit de surcharger le fichier location.tpl.php (présent dans le module “Location”) : le copier à la racine de ton thème.
Répondre
Salut
Moi j’ai un problème, je n’arrive pas à afficher après création d’un node de type Agence.STP peux tu m’envoyer l’installation et la configuration pas à pas de gmap et location, merci
Répondre