This project is an animation that, using data from the MBTA public API, displays a map with the real-time location of the line 1 buses.
In order to run the program, all the files need to be downloaded into the same folder, keeping each file name and its extension intact. With the files in place, a simple drag-n-drop of the index.html file into a chromium-based browser will load it correctly.
After properly loading the file, you'll see the real-time locations of each line 1 bus indicated by a blue marker. They are refreshed automatically every 15 seconds, but can also be updated with a click of the button on the upper-left corner of the browser window.
In case of requiring further assistance, you can contact me via Twitter @mpgutierrz
- Add an on-click event that reveals each bus' next stop.
- Add a marker for the real-time location of the user.