Upon selecting a route (for now, this only happens when you click into a stop and then an arrival-departure), the bus's route should also be projected onto the map, including an icon showing where the bus is currently located.
[x] Draw the polyline loaded from the shape API onto the map
[x] Use the /api/oba/trip-details API to get the data needed to render a list of stops onto the map on top of the poly line.
[x] Render the list of stops onto the map as small white circles (see screenshot below)
[x] Clicking a stop circle icon should display a popup on the map that depicts the name of the stop, the bus's expected arrival time at that stop, and scroll the route list such that that same stop is visible.
Upon selecting a route (for now, this only happens when you click into a stop and then an arrival-departure), the bus's route should also be projected onto the map, including an icon showing where the bus is currently located.
Acceptance criteria
shape
API call: https://developer.onebusaway.org/api/where/methods/shapeshape
API onto the map/api/oba/trip-details
API to get the data needed to render a list of stops onto the map on top of the poly line.Stop Circle Icon Click Popup
Trip Map iOS Screenshot
Video of Full Experience
https://share.icloud.com/photos/0dd3u5jEMnsVJgFu1K9ys8OJQ