Neighborhood Map Project

Project 5 for the Udacity front-end nanodegree

Installation

• Download the repo.

• Load index.html to view application. The complete list of location buttons and corresponding map markers will appear on initial load.

• Click Location list buttons on the left to briefly bounce the corresponding map marker.

• Enter term into Search field to limit by location name or category.

• Click on map marker to open infowindow with location details.

Tools

• Knockout.js
• jQuery
• [normalize.css]
• Font Awesome

#####APIs

• Google Maps

#####References

• https://developers.google.com/maps/documentation/javascript/reference#MapTypeStyleFeatureType
• https://developers.google.com/maps/documentation/javascript/examples/
• https://developers.google.com/maps/documentation/javascript/examples/icon-complex
• https://stackoverflow.com/questions/32756246/filtering-google-map-markers-with-knockout-js
• https://stackoverflow.com/questions/27866067/google-maps-edit-multiple-markers-from-array?rq=1
• https://stackoverflow.com/questions/29544421/get-marker-position-from-nested-google-maps-marker-array?rq=1