Créer une carte interactive sur le web avec umap ou framacarte

Il est possible avec l'outil uMap proposé par openstreetmap ou son instance chez Framasoft qui s'appelle Framacarte de créer des cartes interactives présentant une information structurée et éventuellement multimédia.

Cette page détaille des trucs et astuces pour proposer une liste de champs à remplir (propriétés) pour chaque ajout de nouveau point sur la carte, les points pouvaient être regroupés par calques thématiques.

Voir le très bon tuto chez Framasoft à ce propos

Il est possible de structurer les données propres à chaque point appartenant à un calque, pour ce faire, il faut accéder au panneau Calques et cliquer sur le bouton Éditer dans un tableau du bon calque, puis ajouter les propriétés souhaitées, enregistrer.

Dans les propriétés du calque Éditer, choisir Gabarit du contenu de la popup, plusieurs possibilités :

• “Par défaut” : va créer un pop-up vide, il sera possible de remplir ce pop-up en ajoutant les champs que l'on veut voir s'afficher en saisissant le nom de la propriété en question entourée de crochets : {partiedelaplante} par exemple dans la partie Options d'Interaction→Gabarit du contenu de la popup. L'avantage de cette méthode est qu'elle permet d'utiliser les formatages markdown dans les bulles et d'intégrer des images ou des vidéos dans la bulle. On pourra par exemple récupérer la valeur de nos propriétés dans une phrase “En ce qui concerne {plante}, seul {partiedelaplante} est comestible”
• “Tableau” : va créer un pop-up à partir des propriétés définies dans le calque. L'inconvénient de cette méthode est qu'elle impose que l'ordre d'apparition de ces propriétés dans le pop-up dépend de l'ordre d'enregistrement de ces propriétés