This maps application uses the Google Maps API to display local coffee shops in Portland, Oregon. The Foursquare API is used as well to generate more information about the location inside the infowindow when a marker is clicked.
- Open index.html in a code editor.
- At the bottom of the page, replace "API_KEY" with your Google's API key in the Google url.
- Open index.html in a web browser.
Top left of the page will cycle through the different menus. By default, no menus are visible. The First menu will display a list of local coffee shops in the Portland area. The field in this menu will allow you to filter through the list. The second menu will allow you to display all coffee shops, hide coffee shops, display markers of coffee shops within an area, destination input that will display a route from the coffee shop based on time and form of transportation, and lastly an input to search for places near the coffee shops.