Friday 25 March 2011

Instant maps using Google Wizard

Google provides a Wizard which will generate a chunk of code that you can add to your own web page.

Example:
Maps generated by the Google map Wizard only show a single marker, and you don't get any control over the contents of the info window. The generated map will also have a Google AJAX Search API box, and direction finding (in a new maps.google.com window).
You don't even have to sign up for an API key. The Wizard creates its own key for your domain.

Restrictions
The Wizard only works for locations that can be found with the Google AJAX Search API.

How to use it
  • Go to the Wizard page and follow the three simple steps.
  • Copy and paste the generated code into your own web page.
  • Cut the code into two pieces. The bit that looks something like this can be placed anywhere on your page
    • <div id="mapsearch">
      <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
      </div> 
  • The rest of the code should be placed just before the at the bottom of your page.
  • Double-click your page to test it, then upload it to your website.
For more Information visit my other blog
http://usegmap.blogspot.com

No comments:

Post a Comment