Carte inter-active : passer de My-Map de google à Umap

Depuis le début de blog, j’ai mis en œuvre deux cartes interactives via « My-Maps » de Google. Une carte permettant d’accéder aux articles via un positionnement géographique et une carte permettant d’accéder à une description des « Coins du Babaz » (vous y retrouvez une description succincte des hôtels, restaurants, campings et chambres d’hôte visités). Ces cartes, maintenant saturées de points de repère, impliquent de zoomer pour voir correctement. 

Carte de gauche : les coins du babaz - Carte de droite : les articles

Diverses recherches effectuées donnent des résultats plus ou moins complexes à mettre en œuvre. Les tarifs vont de la gratuité à des solutions payantes. Il y a, par exemple, les « clusters » de google map accessibles via l’API Google Map (solution payante).  Des clusters sont aussi possibles via la solution (gratuite) microsoft bing map. Ces deux solutions impliquent de se plonger dans ces API et le codage, bien trop complexe et chronophage pour moi et l’utilisation que je veux en faire. Une solution alléchante passe par le site « Click2Map ». Elle permet d'utiliser les « clusters » Google Map de manière assez simple. Cependant, le rendu ne me satisfait pas. Je finis par tomber sur la solution entièrement gratuite combinant les cartes OpenStreetMap et la création de cartes interactives via uMap. Les « clusters » sont possibles par simple paramétrage des calques. Je décide d'adopter cette solution, faisant l’objet de cet article. 

L’export de données My-Map ne permet pas de récupérer les données issues de google map. A savoir, pour la carte des « coins du Babaz », les adresses postales, numéros de téléphone et sites internet des lieux faisant l'objet d'un point de repère. J’ai donc ajouté ces données à l’ensemble des points de repères, à la main. 

Illustration des données Google map non-exportable

Pour démarrer avec uMap, je vous conseille la lecture de ces 2 tutos : 

• Approche rapide : Patrimoine et numérique.
• Approche plus complète : pdf de Roberto-Marcolin.

uMap permet :

• De créer une carte personnalisée avec un fond openstreetmap.
• La carte est accessible depuis Internet ou embarquée dans un site selon les droits spécifiés. 
• De créer des calques de type classique (comme google map), cluster, heatmap. 
• D'ajouter des points de repères avec une description, des images, des liens, etc...
• D'importer/exporter des données dans les formats (Json, XML, kml, osm, umap,...)
• Définir l'affichage et l'interface public de la carte, des légendes, des info bulles, etc...

A noter : après création d'un compte il y a des problèmes de connexion à ce compte avec safari et mac Os. La connexion ne se fait pas et l’accès a « mes cartes » est impossible.  Il vaut mieux passer par un autre navigateur (Google Chrome ou Firefox).

Quelques visuels :

Carte visible à l'affichage pour le lecteur

Un niveau de zoom plus loin

Un niveau de zoom encore plus loin

Affichage des infos d'un point de repère

Ci-dessous, quelques informations donnant les grandes lignes des actions possibles pour celui qui lit la carte. 

Actions possibles pour le lecteur

Affichage de la légende

Le mieux est d’aller essayer par vous-même avec les cartes utilisables dans ce blog :

• La carte des articles publiés.
• La carte des coins du babaz. 

Merci à l'ensemble de la communauté openstreetmap et umap pour ces magnifiques outils mis à disposition.

Si vous avez des questions, n'hésitez pas, via le formulaire contact ou via les commentaires sur cet article.