Costumizable Google Maps Location for your Website

- Select your map preferences:
- General map settings:
  - - map width, height, zoom and type (Map View);
- Location marker settings:
  - - marker location - just drag the marker around or search your location in the search box and then click "BRING LOCATION MARKER HERE";
  - - marker info window content (click on the location marker);
- Use directions:
  - - click on "BRING 'FROM' MARKER HERE" to set your "from" location for directions, now you can just drag it around;
- Leave it exactly how you want your visitors to see it;
- Click to download the GMLocation.js file for your selected settings;
- Insert the Api Key for your website;
- Put the  part in your header as shown on the example source code;
- Insert the  where you want it to be located within your html body;
- Done ;)

The downloadable customized location has been tested on Safari, Firefox, IE6, IE7 and Opera.
The code generator (this page) has been developed specifically to be used with Firefox.

Your API Key:

Get your API Key from google.

Usage sample:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >	
	<head profile="http://gmpg.org/xfn/11">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Testing - Costumizable Google Maps Location for your Website</title>
		
		<!-- Google Maps API Setup -->
		<script type="text/javascript" src="http://www.google.com/jsapi?key=Your_Api_Key_Goes_Here"></script>
		<script type="text/javascript">
			google.load("maps", "2.x");
		</script>
		<!-- End of Google Maps API Setup -->

	</head>

	<body>
	
		<!-- Google Maps Location Map -->
		<script type="text/javascript" src="GMLocation.js"></script>
		<!-- End of Google Maps Location Map -->
		
	</body>

</html>

Personalized Google Maps Location instructions:

Usage sample: