Project Portfolio

Asheville South Slope Brewing District Tour

This is my take on our "Real Time Bus Tracker" assignment. This exercise was intended to familiarize us with manipulating objects in the DOM using javascript, and with using APIs and callback functions. I used the base code from the original assignment, but I changed it to animate the markers around breweries in the Asheville South Slope Brewery District.

I also made the following changes:
  • changed the map style to dark
  • updated all the variable names to make sense with my concept change
  • changed the long/lat entries in the existing array to match locations of breweries
  • changed the starting marker location to an arbitrary point near the middle of the district (this will display text if the marker is clicked before the button - I can't figure out how to get it to display on load, yet)
  • added a second array for brewery names (I want to modify the first array to be multi-dimensional and store both the location and names, but I'm not there yet)
  • used the brewery names array to display a popup on the marker with the brewery's name as the marker moves
  • changed the text on the button to start the animation


Video recording done with Screen Recorder
Video webm to mp4 conversion done with cloudconvert.com