Get Directions from Google Maps

Embed Google Maps Get Directions Form

While working on a blog recently the client who used the blog to promote their business wanted to provide the address of the business on the blog.As I would always try to do I went one better, so as well as just provide the address I embedded a form for people to get directions via Google Maps.The Google Maps form is easy to add to your blog and you simply add your business address to the code then visitors to the blog can then enter their address and generate the directions.Once generated the map will show a route with options for driving and Public transport if available.

OK so lets try it out.

Below I have embedded the form with the White House as the address you will get directions for (Works in all country's), you will change this to your business address (BTW I keep saying business address as I don't recommend giving directions to your home online).

Address : 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

Get Directions :

Enter your starting address:

Embed Google Maps Get Directions Form On Your Blog

You can add the form to blog posts/pages or to your blogs sidebar or any place you can add HTML.You can see how to add a HTML gadget to Blogger here and how to add a HTML gadget to Wordpress here.

This is the code for the form change the address in yellow to your business address :

<b>Address :</b> 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

<b>Get Directions :</b>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<p>Enter your starting address:</p>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="1600 Pennsylvania Ave NW, Washington, DC 20500, United States" />
<input type="submit" value="Get Directions" />

As you can see when you enter your address simply add it as you would write it on a letter and make sure to include the country.

-------------------------------

I made some changes to the above code and I made it with start address and destination address (From -To).
the code is...

<b>Get Directions :</b>
<br/>
<b>FROM Address :</b>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<p>Enter your starting address:</p>
<input type="text" name="saddr" />
<br/>
<b>TO Address :</b>
<p>Enter your destination address:</p>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<input type="text" name="daddr" />
<input type="submit" value="Get Directions" /></form></form>

---------------------

http://www.spiceupyourblog.com/2014/04/embed-google-maps-get-directions-form.html#.VlwnrF4eq5C