Essai de l'outil uMap pour publier une carte
uMap permet de créer des cartes personnalisées sur des fonds OpenStreetMap en un instant puis de les afficher dans votre site.
Ça me fait plaisir de publier une belle carte sur mon blog. J’ai toujours aimé les cartes papier et maintenant que je les manipule dans le détail, je vais aimer aussi celles que je personnaliserai avec uMap.
uMap
uMap est un outil open source, il n’était pas question que j’utilise GoogleMaps.
Le résultat obtenu
J’ai testé uMap sur la carte d’une randonnée récente dans le Razés.
Marche à suivre
Pour arriver à publier cette carte, il m’a fallu :
- m’inscrire sur uMap (j’ai choisi l’inscription par OpenStreetMap),
- lire le tuto https://wiki.openstreetmap.org/wiki/FR:UMap/Guide
- créer une nouvelle carte en important la trace gpx de la rando que j’avais faite,
- choisir le fond de carte (j’ai pris l’image aérienne de l’IGN)
- ajouter des marqueurs sur les points notables,
- associer du texte, un lien ou une photo au marqueur (en suivant la syntaxe ci-dessous),
- créer une ligne pour montrer un raccourci que nous avons pris par rapport à la trace,
- changer les propriétés des marqueurs,
- ajouter le thème OSM à mon blog Hugo, découvert suite à la lecture de cet excellent article https://www.thecoffeemachine.net/writing/adding-maps-to-hugo-blogs-with-osm/
- utiliser le shortcode de ce thème, c’est tout simple, il suffit d’y mettre le nom de la carte (on peut choisir de nombreux paramètres d’affichage, j’ai désactivé à peu près tout, notamment le zoom)
Et voilà !
Syntaxe uMap
Cela ressemble à du markdown.
*simple astérisque pour italique*
**double astérisque pour gras**
# un dièse pour titre 1
## deux dièses pour titre 2
### trois dièses pour titre 3
• Lien simple : [[https://exemple.fr]]
• Lien avec texte : [[http://exemple.fr|texte du lien]]
• Image : {{http://image.url.com}}
• Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
• Iframe : {{{http://iframe.url.com}}}
• Iframe avec hauteur (en pixels): {{{http://iframe.url.com|hauteur}}}
• Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}
• --- pour un séparateur horizontal
C’est un peu rustique mais ça marche.
Usages
On peut donc utiliser uMap pour illustrer ses randos, en se basant sur une trace, et les partager.
J’ai découvert uMap par mes camarades de l’antenne locale de Deux Pieds Deux Roues. Nous faisons des cartes pour offrir une aide aux citoyens et aux services municipaux.
Par exemple, nous avons élaboré une carte indiquant l’emplacement des arceaux vélos, ceux qui existent déjà et ceux qu’il serait bien de créer.
Quelques points de vigilance avec uMap
- Si l’on peut éditer une carte à plusieurs, en donnant les autorisations nécessaires, il n’est pas possible d’y travailler à plusieurs en même temps. Un message vous indiquerait alors que vous allez écraser les modifications d’un autre (je l’ai même parfois alors que je travaille seul sur une carte…).
- On peut associer des photos à des marqueurs sur la carte, mais le stockage n’est pas proposé par uMap, il faut donc d’abord avoir les images en ligne avant de les associer.
- Il est conseillé de faire des sauvegardes des cartes. En février 2023, une perte de données massive a eu lieu pendant 2 jours, avant récupération de tout.
