Maintenant que j’ai importé les données (vu dans la première partie et la deuxième partie), je souhaite pouvoir les visualiser.
Pour afficher les données dans une page web toute propre, j’ai créé une petite application web et une API REST qui exécute les requêtes AQL.
Voici les dossiers sources :
Pour rappel, le but est d’afficher les horaires pour un point d’arrêt à une date précise.
J’ai choisi d’utiliser une carte afin d’afficher les arrêts sur un rayon d’un kilomètre en partant du centre. La liste des arrêts trouvés s’affiche sur le côté et il est donc possible de voir les trajets.
Pour cela j’ai utilisé MapTiler comme source pour la carte. Pour afficher les tuiles de carte vectorielle et profiter de l’accélération materielle GPU j’ai utilisé maplibre-gl-js qui est un fork open-source de mapbox-gl-js avec react-map-gl pour l’intégration avec React.
Voici un morceau du code pour la carte :
Voici une capture d’écran du résultat :
Maitenant que j’ai pu découvrir ce que sont les données GTFS et importer les données pour les exploiter. Il peut être intéressant d’essayer de créer un petit calculateur d’itinéraire à partir des noeuds et des liens grâce à la théorie des graphes.