Neighborhood Map

A neighborhood map featuring a touch slideout navigation menu.

Check out the live website.

Features

• Responsive design usable across modern desktop, tablet and phone browsers.
• Includes dropdown menu that filters map markers and list items.
• Provides additional location information from the Yelp API.

Installation

1. Download the zip file from github.
2. A web server needs to be running.
3. Open the index.html file in a brownser.

Resources

Knockout.js: Dynamic Javascript UIs with MVVM pattern

Todomvc knockout example app

Google Maps API

Yelp API v2

JavaScript OAuth 1.0a signature generator (RFC 5849) for node and the browser

Slideout.js: A touch slideout navigation menu for mobile web apps

Slideout Menu Codepen Example

Styling the Select Element

jQuery Async Google Maps