Importer des GTFS dans ArangoDB - Partie 3

illustration de l'article

Affichage des données

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 :

carbon

Voici une capture d’écran du résultat :

map

Pour aller plus loin

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.

Date

Auteur

Avatar Grégoire Joncour

Grégoire Joncour

Développeur

Catégories

front back

Tags

#arangojs #maptiler