A single-page application featuring a map of your neighborhood.
Application utilizes Google's Map API and at least one additional third-party "data API". All data requests are retrieved in an asynchronous manner. In the event of a failed data retrieval errors are handled gracefully.
Third-party API used: Wikipedia's API
Additional functionality included in this application: map markers to identify popular locations or places you’d like to visit, a search function to easily discover these locations, and a listview to support simple browsing of all locations.
Framework Used: Knockout
- Knockout is used to handle the list, filter, and any other information on the page that is subject to changing state. Things that are not be handled by Knockout: anything the Maps API is used for, creating markers, tracking click events on markers, making the map, refreshing the map. Note 1: Tracking click events on list items is handled with Knockout. Note 2: Creating your markers as a part of your ViewModel.
-
Display map markers identifying at least 5 locations that you are interested in within this neighborhood. This app should displays those locations by default when the page is loaded.
-
A list view of the set of locations is implemented
-
A filter option is that uses an input field to filter both the list view and the map markers displayed by default on load. The list view and the markers are updated accordingly in real time.
- A functionality is added using third-party APIs to provide information when a map marker or list view entry is clicked. Note that StreetView and Places don't count as an additional 3rd party API because they are libraries included in the Google Maps API.
-
Clicking a marker on the map should open more information about that location.
-
Clicking a name in the list view should open the information window for the associated marker.
-
The list of locations should be filterable with a text input or dropdown menu. Filtering the list also filters the markers on the map.
-
This web app is also responsive.
-
Display places searched in the input box for nearby places and also providing corresponding infoWIndows or description for those places.
