• Includes a text input field or dropdown menu that filters the map markers and list items to locations matching the text input or selection.

• A list-view of location names is provided which displays all locations by default, and displays the filtered subset of locations when a filter is applied.

• Clicking a location on the list displays unique information about the location, and animates its associated map marker (e.g. bouncing)

• Map displays all location markers by default, and displays the filtered subset of location markers when a filter is applied.

• Clicking a marker displays unique information about a location in either an infoWindow or DOM element.

Map of parks in Christchurch NZ, with information retrieved via the Wikipedia API, as well as information provided by Google Map API and Google Places API

• clone this repository: git clone https://github.com/daikikuchi/NeighboringMap.git
• cd NeighboringMap
• open file index.html in you preferred browser

• HTML
• CSS
• Javascript
• Knockout.js
• jQuery

• Google Maps Javascript API (https://developers.google.com/maps/documentation/javascript/)
• Google Places API to retrieve photos and details for locations
• Wikipedia API (https://www.mediawiki.org/wiki/API:Main_page)