Bonjour à tous,

Dans le cadre d'un futur atelier de cartographie des stations de métro sur Rennes, j'ai développé un outil qui permet de visualiser les données OSM en intérieur (ou "indoor"), étage par étage sur une carte glissante. Aux niveaux de zooms les plus faibles, des clusters de points sont affichés pour trouver plus facilement les zones contenant ce type de données.

L'outil s'appelle "OpenLevelUp!", et est disponible ici :

http://github.pavie.info/openlevelup

L'idée est de pouvoir rendre visible simplement ces données. En effet, à moins de passer par overpass-turbo ou les filtres dans JOSM, il est difficile pour l'instant de les visualiser. Cet outil se veut une solution simple, affichant les données étage par étage, en surcouche des tuiles Mapnik. En permettant une mise en avant de ces données, on peut inciter à la contribution sur ce thème (on ne tague pas pour le rendu, mais ça fait toujours plaisir de voir son travail s'afficher quelque part).

Un exemple concret de visualisation (station de métro Kennedy, Rennes) :
http://github.pavie.info/openlevelup/?bbox=-1.7122712731361387,48.120896010057486,-1.7102381587028503,48.121777842594696&level=-1

Comme le thème de la donnée d'intérieur est encore expérimental, tous les retours d'expérience (qu'ils soient d'un point de vue ergonomique ou technique) sont la bienvenue :)

Cordialement,

PanierAvide.

PS:
Pour les curieux de la technique, voici plus de détails sur le fonctionnement. L'outil récupère les données OSM via des requêtes sur l'Overpass API, en particulier sur la combinaison de tags indoor=* et level=* (reposant sur le modèle "Simple Indoor Tagging"). Ces données sont lues et traitées en JavaScript (en partie grâce à la bibliothèque osmtogeojson). Une pseudo-feuille de style (au format JSON) permet de définir le style des objets à afficher (couleurs, taille, icône, ...). Les données sont filtrées par étage en ne soumettant qu'à la carte Leaflet les données dont le niveau (tag level) correspond à celui à afficher. L'ensemble de l'application est découpée en suivant le patron de conception MVC.
Le code source est dispo sur Github :
https://github.com/PanierAvide/panieravide.github.io/tree/master/openlevelup



_______________________________________________
Talk-fr mailing list
Talk-fr@openstreetmap.org
https://lists.openstreetmap.org/listinfo/talk-fr

Répondre à