Monday, August 12, 2013

How to build "Get Directions Form" (Google Maps)

Copy code below on your edited page.

<form action="http://maps.google.com/maps" method="get" target="_blank">
<label for="saddr">Enter your location</label>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="350 5th Ave New York, NY 10018 (Empire State Building)" />
<input type="submit" value="Get directions" />
</form>

  • saddr = blank input field for entering START address 
  • daddr = hard-coded END address 


Enter an address and press button and a popup window opens with directions. Enter no address, and just a map of the END address opens.

Disqus Comments