A near-realtime visualization of Toronto Transit Commission vehicles using react-map-gl & nextbus API
Deployed at https://georgejose.com/projects/livetransit/
- View locations of vehicles
- Click and drag to pan map
- Scroll to zoom
- Color indicator on all markers that range from red to green depending on when location was last updated
- Optimize rendering further by only rendering markers that fall within a specific threshold of map bounds
- Mobile support using hammer.js
- Ability to enter an address
- Ability to toggle display of specific routes