Comment créer une carte interactive?

Cette documentation est en constante évolution.

Cet article se concentre sur Mapcreator Next et ses fonctionnalités. Pour lire l'article sur la version précédente de Mapcreator, cliquez ici.

Pour offrir une expérience plus engageante auprès de  vos utilisateurs, vous pouvez rendre vos cartes web interactives. Vous pouvez ainsi ajouter des pop-up  avec du texte, des images ou des vidéos qui apparaissent  lorsque les utilisateurs interagissent  avec les éléments de la carte.

Les Pop-up peuvent être attribués à des polygones, lignes, itinéraires, icônes, textes et autres éléments ajoutés à la carte. Pour ce faire, cliquez sur l’élément ajouté et accédez à l’onglet « Pop-up » dans le menu en haut à droite. Ici, vous pouvez saisir le contenu du Pop-up.

Image
Pour ajouter une image à votre popup, cliquez sur « + Add media » et collez l’URL de l’image dans le champ « Image source ». Veuillez noter que vous ne pouvez ajouter qu’une image publiée, et non une image téléchargée depuis votre ordinateur. Dans le champ « Target link », vous pouvez ajouter un lien hypertexte vers lequel les utilisateurs seront redirigés lorsqu’ils cliqueront sur l’image.

Vidéo
Cliquez sur « + Add media » et collez le lien YouTube. Ici, vous pouvez également activer des paramètres supplémentaires pour la vidéo.

Texte
Saisissez le texte dans la section « Main content », puis allez dans l’onglet « Text options » pour ajuster la police et les autres paramètres du texte. Si vous souhaitez ajouter un lien hypertexte, sélectionnez simplement le texte et cliquez sur l’icône de lien pour insérer l’URL.

Données importées
Certains éléments disponibles dans l’outil contiennent des données. Par exemple, les polygones de pays peuvent inclure des informations comme le nom, le code ISO et d’autres attributs. De même, les données importées, comme un fichier GeoJSON ou tout autre format pris en charge, peuvent également contenir des détails supplémentaires. Si un élément contient des données, vous pouvez cliquer sur « Imported data » (le bouton avec l’icône de tableau) pour afficher toutes les colonnes disponibles. Cliquez sur une colonne pour insérer la valeur correspondante. Veuillez noter que vous pouvez personnaliser sa police comme pour un texte classique.

Astuce: si vous connaissez le nom de la colonne, vous pouvez utiliser un raccourci en ajoutant le nom de la colonne après le symbole $. Par exemple, vous pouvez ajouter le groupe « World » via le menu « Area », ouvrir son menu « Pop-up » et écrire $name_en. Cela affichera une fenêtre contextuelle avec le nom correct en anglais lorsqu’un utilisateur clique sur un pays.

Une fois que vous avez terminé la création des Pop-up, accédez à « Export » et sélectionnez « Interactive » pour générer un lien vers votre carte. Dans le menu d’exportation, vous pouvez personnaliser votre carte. Par exemple, vous pouvez choisir la position de la fenêtre contextuelle, restreindre le déplacement de la carte ou ajouter des contrôles (boutons pour réinitialiser la carte, zoomer, se géolocaliser ou passer en plein écran). L’aperçu de la carte est également interactif. Il vous permet d’ajuster les paramètres et de voir immédiatement les mises à jour.