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 Popup  avec du texte, des images ou des vidéos qui apparaissent  lorsque les utilisateurs interagissent  avec les éléments de la carte.

Les Popup 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 « Popup » dans le menu en haut à droite. Ici, vous pouvez saisir le contenu du Popup.

Image
Pour ajouter une image à votre popup, cliquez sur « + Ajouter un média » et collez l’URL de l’image dans le champ « URL de la source de l'image ». Si votre image n’est pas publiée et que vous l’avez seulement enregistré localement, vous pouvez la convertir en URI de données. Par exemple, vous pouvez utiliser cet outil. Vous pouvez trouver d’autres ressources utiles que nous recommandons ici.

Vidéo
Cliquez sur « + Ajouter un média » 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 « Contenu principal », puis allez dans l’onglet « Options de texte » 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 « Données importées » (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 « Monde » via le menu « Zone », ouvrir son menu « Popup » 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 Popup, accédez à « Exporter » et sélectionnez « Interactif » 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.