This project is a web application that will provide a list of points of interest in Cannon Beach, Oregon. These points will be provided in a list as well as points on a Google map.
Each point and/or list item can be clicked on for additional information to be displayed. This additional information is provided via Foursquare.
The application also contains a text search feature that allows you to narrow down what is displayed in the list and on the map.
For a live demonstration - please visit Neighborhood Map.
In order to get a copy of the project up and running on your local machine for development and testing please see the instructions below.
- Firefox or Google Chrome browser installed.
Download Neighborhood Map - Explore Cannon Beach, Oregon.
To test locally - open a web browser and open the file index.html.
To test via GitHub Pages - open a web browser and visit https://doobieroo.github.io/Neighborhood-Map/.
Try clicking on a point on the map or an item in the list. The point should show up on the map and display additional information from Foursquare (if additional info is available).
Type some text in the search box and see the list and map narrow down to those entries that contain the search term.
- Google Maps JavaScript API V3 Reference
- Knockout.js Documentation
- Bootstrap 4 Tutorial
- Utility Functions in KnockoutJS.
- Google Maps API: pan to markers from a list
- W3 Schools Onerror Event
This project is licensed under the GNU General Public License. See the LICENSE.md for details.