Une carte Mapbox pour lire un réseau ferroviaire comme on lit un tableau de bord : couches activables, recherche d'une gare, détail d'une ligne, indicateurs qui suivent le filtre en cours.
Le contexte
Un réseau ferré n'est pas une liste : c'est un graphe — gares, lignes, correspondances, travaux, incidents. Dans un tableur ou un PDF, personne ne voit où cela se passe, ni ce qui se superpose. L'enjeu n'était pas « une carte décorative », mais un outil de lecture : zoomer sans perdre la netteté, allumer ou éteindre une couche (gares, lignes, chantiers), retrouver une gare, et comprendre en une seconde ce qui est filtré. Mapbox s'impose ici : tuiles vectorielles, style maîtrisé, couches métier en GeoJSON par-dessus le fond de carte, performance à tous les niveaux de zoom.
Ce que nous avons livré
- Carte Mapbox GL JS au style dédié, fondée sur des tuiles vectorielles — nette du territoire national jusqu'au quai
- Couches métier indépendantes en GeoJSON : lignes, gares, points de travaux, points d'intérêt, chacune activable sans recharger la page
- Recherche et vol vers une gare ou une ligne, avec panneau de détail (nom, correspondances, état)
- Filtres croisés (région, type de ligne, statut) qui recalculent à la fois la carte et le bandeau d'indicateurs
- Bandeau type dashboard : nombre de gares visibles, lignes actives, alertes travaux — toujours aligné sur la vue courante
- API qui sert les objets géographiques ; la carte ne connaît que des couches, pas le métier SNCF en dur
- Composant carte isolé : le même moteur sert une autre organisation, un autre réseau, d'autres couches, sans réécrire l'application
Les briques — réutilisables sur votre métier
Ce n'est pas un logiciel fermé. Chaque brique se reprend : une carte Mapbox pour un réseau d'agences, un dashboard KPI pour un cockpit commercial, un OCR pour des factures ou des pièces de sinistre, un assistant pour interroger un catalogue e-commerce.
Les résultats
- Le réseau se lit sur une seule carte, plus dans une collection de fichiers
- Une couche s'allume ou s'éteint sans rechargement, y compris au zoom le plus fort
- La recherche d'une gare amène le détail et y centre la vue
- Les indicateurs du bandeau restent cohérents avec le filtre appliqué
- Le moteur cartographique est une brique : d'autres couches ou un autre métier se branchent dessus
La stack technique
Mapbox GL JS · React · TypeScript · GeoJSON · Vector tiles · API REST · PostgreSQL · Google Cloud Run