Créer une pop-up au clic sur une ressource de type calque

L'ajout d'une pop-up au clic sur un objet vous permet de personnaliser votre carte et de la rendre plus dynamique et interactive pour les utilisateurs.

đŸ› ïž Format du GeoJSON

L'affichage d'une pop-up au clic nécessite l'import d'un fichier au format GeoJSON, dont la structure est la suivante :

json
{
  "type": "Feature",
  "properties": {
    "Name": "bubule",
    "description": "je décris mon objet",
    "id": 1.0,
    "template_data": { "description": "test"
    }
  }
}

💡 Astuce :

La clé template_data contiendra le contenu affiché dans la pop-up.

Il suffit d’ajouter cette propriĂ©tĂ© Ă  un GeoJSON classique et de remplacer "test" par la description que vous souhaitez afficher pour chaque objet.

Vous pouvez aussi ajouter une autre clĂ© que "description", par exemple “name”.


đŸ—ș IntĂ©gration dans Wemap Pro


☝ Ajout du fichier GeoJSON

  1. Rendez-vous dans Wemap Pro.
  2. Créez une nouvelle ressource : Créer > Ressources .
  3. Renseignez le nom de la ressource et sélectionnez "Couche de données".
  4. Cliquez sur "Créer la ressource".
  5. Ajoutez votre fichier GeoJSON en cliquant sur "Importer depuis un fichier".



đŸ§Ș Personnalisation & IntĂ©gration

Personnalisez votre ressource Ă  votre goĂ»t et pensez Ă  vĂ©rifier qu’elle ne contient pas d’erreurs (noms, description, structure JSON...).

Aperçu d'une personnalisation de ressource : carte Hauts-de-France Bassins de mobilité


đŸ—ș Ajouter la ressource Ă  une carte

Deux options s’offrent à vous :

  • CrĂ©er une nouvelle carte → CrĂ©er > Carte
  • Utiliser une carte existante → GĂ©rer > Carte

Depuis l’interface de la carte :

  1. Sélectionnez "Mise en forme", dans la barre latérale gauche.
  2. Cliquez sur "Gérez les calques".
  3. Choisissez "Ajouter depuis l’éditeur".
  4. Sélectionnez la ressource GeoJSON que vous avez créée, puis cliquez sur "Ajouter".

👍 Bonne pratique :

Une fois la ressource ajoutée à la carte, contactez-nous afin que nous puissions réaliser un paramétrage de la carte cÎté Wemap.


🎯 DĂ©clencher l’action au clic

Dans les options du calque :

  1. Dans le champ "Action au clic" : sélectionnez "Pop-up".
  2. Cliquez sur "Sauvegarder", en haut Ă  droite".

La description dĂ©finie lors du paramĂ©trage rĂ©alisĂ©e par nos Ă©quipes s’affichera automatiquement lors du clic sur l’objet.

Aperçu d'une pop-up : carte Hauts-de-France Bassins de mobilité

⚙ ParamĂ©trage du calque

Lors de la configuration de la carte dans Wemap Pro, vous pouvez initialiser et personnaliser le contenu de la pop-up directement via les paramĂštres du calque.

👍 Bonne pratique :

N’oubliez pas de sauvegarder vos actions 😉

Évaluation de l'article Thanks for the feedback There was a problem submitting your feedback. Please try again later.

J'ai encore besoin d'aide Contactez-nous Contactez-nous