Udacity - Project 5 - Neighbourhood Map This app utilizes the Google Map API, Yellow Pages API, Knockout.js
Download file from GitHub. Upload to your web server. Navigate to <Your_Web_Server>/<Directory_you_uploaded_to>/index.html
A list of predetermined location are on the left hand side of the screen. Above them is a input box for filtering/sorting the list of locations. To filter the list, enter the search term and press enter. If any part of the term appears in the name or address of the location it is returned in a filtered list. To reset the list, Clear the contents of the filter box and hit enter. The locations phone number and hours of operation are retrieved by an asynchronous Ajax call and added to the controller(viewModel). Map markers change color on mouse over. When clicked they display a infoWindow with location details and the selected marker bounces. Bouncing is stopped by clicking on another marker or clicking the marker again.
Uncompressed style.css, app.js, and index.html are in /src
Google Map Yellow Pages
index.html README.md bootstrap/css/bootstrap-theme.css bootstrap/css/bootstrap-theme.css.map bootstrap/css/bootstrap-theme.min.css bootstrap/css/bootstrap.css bootstrap/css/bootstrap.css.map bootstrap/css/bootstrap.min.css bootstrap/fonts/glyphicons-halflings-regular.eot bootstrap/fonts/glyphicons-halflings-regular.svg bootstrap/fonts/glyphicons-halflings-regular.ttf bootstrap/fonts/glyphicons-halflings-regular.woff bootstrap/fonts/glyphicons-halflings-regular.woff2 bootstrap/js/bootstrap.js bootstrap/js/bootstrap.min.js bootstrap/js/npm.js css/style-min.css images/blue.png images/red.png js/jquery-2.1.3.min.js js/knockout-3.3.0.ks js/app-min.js src/app.js src/style.css src/index.html