Google Maps Javascript API Demo

Using the Gmaps3 JQuery plugin and HTML5 Geolocation API

When the document initially loads a Google map is displayed with a marker placed at the White House. Clicking the directions button results in a permission dialog from the browser to share the user's location via HTML5 geolocation services. When permission is granted, a map from the user's location to the destination with turn-by-turn directions is displayed.

Location: 1600 Pennsylvania Ave NW, Washington, DC 20500