Configuration avancée de la page contact avec le plugin GIS avec SoyezCreateurs

Intégration d’une carte Google Maps dans la page de contact avec des marqueurs personnalisés.

Première étape : configuration de GIS

Nous allons centrer GIS par défaut sur le centre de la carte que nous voulons afficher.

Choisir le centre par défaut des cartes avec la config de Google Maps API

Deuxième étape : se faire une carte personnalisée dans Google Maps

  • Aller dans Google Maps
  • S’identifier avec son compte gmail
  • Cliquer sur Mes cartes
  • Créer sa carte
  • l’exporter au format .kml (voir avec Google Earth)
Carte Google Maps personnalisée
Notez l’usage de points, de trajets et de surfaces.

Troisième étape : intégration dans la page contact

Par défaut, la page contact de SoyezCreateurs est un article de redirection vers l’auteur 1.

Il va donc nous falloir :

  1. joindre à l’article de contact le .kml de la 2e étape
  2. insérer la carte dans la Bio de l’auteur

Selon la documentation de GIS, il suffit d’insérer :

<carte_gis1|id_article=66|zoom=15|type=carte|control=small>

où :

  • carte_gis1 est le nom du modèle
  • id_article est l’identifiant de l’article qui contient le .kml
  • zoom le zoom désiré
  • type le mode d’affichage de la carte
  • control le mode d’affichage des contrôles de la carte

Ce peut être une bonne idée de mettre aussi un lien vers la carte personnalisée.

Remarque : nul besoin de mettre un point dans l’article en question : le .kml suffit pour afficher la carte via l’appel du modèle indiquant l’ide_article idoine.

Discussion

Aucune discussion

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 29 septembre 2018