So a few months ago I created an interactive site for public transports around Paris (here; also check my last post, in french) with a custom map made on Mapbox, and using Navitia’s API for itineraries, next departures, etc. But I thought this map design could be useful on its own, so I changed it so that you can download the data of any city you want very easily and it will be displayed on the map. I guess it can be useful because I don’t see a lot of OSM-based transport maps dealing with coloured bus & train lines. The site for this map is here (without itineraries because they are limited to a few places, but you can click on the data on the map and see the tags of the objects). It uses the Overpass API as well as osmtogeojson.

I also put the files on GitHub. (note : it’s the first time I use it, so I may have made mistakes idk).

Enjoy !

Note : if the layer “trains” doesn’t load, consider unchecking “include regional trains”

A few screeshots :

… Xem mục đầy đủ

Bonjour,

je voudrais présenter aujourd’hui un projet entrepris il y a assez longtemps. Le but originel était de faire une carte des bus, un peu comme la carte OpenTransportMap, mais en incorporant les vraies couleurs des lignes de bus, comme sur une carte classique. J’ai donc utilisé Mapbox, avec des données supplémentaires provenant de OpenStreetMap et téléchargées en GeoJson avec Overpass Turbo. J’ai ensuite décidé de l’incorporer dans un site web pour pouvoir l’utiliser. Ca a pris du temps, car j’étais encore novice en développement web. Utilisant pour la carte déjà un peu de Javascript, j’ai décidé d’apporter des fonctionnalités supplémentaires à mon site : calcul d’itinéraires avec Navitia, interactivité, informations sur les lignes… Jusqu’à donner ce que j’ai appelé ensuite “Just Go !” (par manque d’imagination probablement). Je l’utilise régulièrement, et je me permet de vous présenter mes résultats (ça me ferait juste plaisir, j’ai pas mis de moyen de rémunération de toute manière)….

Le site se trouve là : https://justgo.alwaysdata.net/ (version mobile incluse).

… Xem mục đầy đủ

… Xem mục đầy đủ