Welcome to Bus Tracker

API, JaveScript, Asyncronous Code The Dom and more

Bus

Using Asynchronous Programming Techniques, grids, DOM and multiple APIs, one can simulate bus tracking in the browser.
Utilising API from Mapbox, we can display a map in browser. On top of that, using API from MBTA - Massachusetts Bay Transportation Authority we can extrapolate bus routes for our use case.

Using Asynchronous Programming Techniques we can query the API from MBTA witout getting blocked by the provider. We can then extrapolate this data and track a marker accross Longitude and Latitude with the DOM.

Click the link below then click the button in the top right to see the marker move!

Live Demo

Instructions:

Click the Live Demo button.
A new Web Page will open displaying a map with a marker centered in the window. Click the button in the Top left and watch the marker move a long a bus route connecting MIT campus to the Harvard capmus.

Open your developer Tools console to see the API query returning values from the bus route asynchronously.

Want to see more? Check out my other GitHub Repos: