This Project is to create a single page web app with a map and option to search for a places and filter it as the user require.

• views.py

A basic Flask Server which provides Google maps API key and a redirect to a image.

• app.js
• maps.js
• locations.js
• localstorage.js

It is a ViewModel created with Knockout.js Library. It handles all the dynamic changes to the UI.

It manages all Google Maps API operations. Like Geocoding, Markers, InfoWindow, etc.

It manages all Foursquare API operations. Like Searching Venue, Venue Details, etc.

It manages read/write operations related to localStorage.

1. Activate Google Maps JavaScript API and Geocoding API

2. Get Google Maps API key.

3. Create a maps_API.json file in the src directory to store Google Maps API key.

    {
    "apikey": "{Your Google Maps API Key}"
    }
   

1. Create a Foursquare Developres account and register your app.
2. It will provide you Client ID and Client Secret.
3. Replace the Client ID and Client Secret of locations.js at line no. 170 and 171 with your Client ID and Client Secret.

• Open terminal and cd to ~/neighbourhood-map/src.
• Run the command python3 views.py.

• StackoverFlow