International Parking Management Internal Lot Guide

Project 5 for the Udacity front-end nanodegree.

This is map of all IPM Parking venues in the greater Seattle Area with street views and rate information. Street view and maps are provided by Google using Street view and Maps. Traffic cameras are provided by the Washington Department of Transportation through data.seattle.gov powered by Socrata Additional information is proprietary and owned by IPM.

• International Parking Management

Installation Instructions

• View the Map on Github or

• Download or fork the code from GitHub

• Open the index.html file to start the application

• Use the filter box on the right side to list and search for individual lot information

• Select a map marker or list item name to display the lot information, additional traffic cameras stills are shown at the bottom of the page if they are within 500 meters of the Garage's map point.

Sites/Tools Used

APIs

• Google Maps
• Washington Department of Transportation Traffic Cameras

Tools

• Knockout.js
• jQuery
• latLong.net
• JSONeditor.org
• Favicon-Genreator.org
• data.seattle.gov

References

• https://www.yelp.com/developers/documentation/v2/overview
• https://developers.google.com/maps/documentation/javascript/streetview
• https://www.packtpub.com/books/content/using-google-maps-apis-knockoutjs
• http://en.marnoto.com/2014/09/5-formas-de-personalizar-infowindow.html
• http://stackoverflow.com/questions/17557789/using-contains-instead-of-stringstartswith-knockout-js
• http://knockoutjs.com/documentation/introduction.html
• http://jsfiddle.net/t9wcC/
• https://www.devbridge.com/articles/knockout-a-real-world-example/
• https://developers.google.com/maps/documentation/javascript/
• https://developers.google.com/maps/documentation/javascript/controls
• https://builtvisible.com/setting-local-fallback-jquery-served-via-cdn/
• https://discussions.udacity.com/t/handling-google-maps-in-async-and-fallback/34282#onerror

ScreenShots

Phone

Tablet

Desktop