Comment ajouter une carte de géolocalisation sur mon site ?

Selon l'activité de votre site, il peut être intéressant d'afficher une carte de géolocalisation pour localiser le lieu d'un évènement, de votre entreprise, d'un point de vente, d'un road trip etc. Pour cela, nous vous proposons plusieurs alternatives qui vous permettront d'afficher une carte de géolocalisation dans une page précise de votre site. Pour cela, rendez-vous dans l'explorateur de la page concernée, dans Modules > Pages > Pages (par exemple), ajoutez une nouvelle page (ou modifiez une page existante) puis ajoutez une ligne (ou une colonne à une ligne existante) :

  • Afficher une carte avec Google Maps : sélectionnez Autres widgets > Gadgets > Carte Google maps puis configurez le widget en y déclarant l'Adresse, une Description, la hauteur de la carte et le Mode d'affichage souhaité,
  • Afficher une carte avec OpenStreetMap : sélectionnez Autres widgets > Gadgets > OpenStreetMap puis configurez le widget en indiquant l'Adresse, une Description et la Hauteur
  • Afficher une carte Umap : service externe qui se base sur OpenStreetMap et vous permet de créer une carte interactive sur mesure. Pour commencer, rendez-vous sur - uMap - pour créer votre carte et la paramétrez selon ce que vous souhaitez y faire figurer. Une fois votre carte configurée, cliquez sur l'icône umap.png (se trouvant dans le menu à gauche de la carte concernée) afin d'exporter et partager votre carte sur votre site. Copiez l'iframe générée par l'outil puis dans l'explorateur de la page sur laquelle vous souhaitez intégrer votre carte, sélectionnez le widget Editeur Html et collez le code obtenu précédemment.

Une fois le widget ajouté à votre page, enregistrez la page elle-même, en bas de page.

Pour l'intégration d'une carte de géolocalisation dans votre menu vertical, rendez-vous dans Configuration > Menus puis ajoutez un widget au menu vertical et sélectionnez le widget souhaité dans la liste de Gadgets proposés. Une fois le widget configuré, enregistrez-le ainsi que la structure de menus en bas de page.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0
Vous avez d’autres questions ? Envoyer une demande

Commentaires