Google Map code generator
 
 
The Google Maps API lets you embed Google Maps in your own web pages with javascript.

Before you can use the Google Maps API, you need:
  1. A Google account.
  2. To sign up for the Google Maps API key.
After these steps you can use the Google Maps JavaScript API to implement javascript code in your web pages.

However understanding the Google Maps javascript API is not easy, especially if you have no javascript experience.

This Google Map code generator helps you to quickly create the necessary javascript code which you then can embed in your own web pages.

More information about the Google Maps classes, types, and functions, see Google Maps API Version 2 Reference.

rss

Google Map code generator:

Enter your Google Maps API key: Help
Enter your Map size: Help Width: px     Height: px
Select a country: Help
Enter coordinate / double click map: Help Latitude:     Longitude:
Enter street, zip code, city, state: Help
 
 
Select default zoom level: Help
Add Pan/Zoom control: Help     Position:
Add Map Type control: Help Position:
Select default Map Type: Help
Add Map Scale: Help Position:
Add Map Overview: Help W: H: Position:
Add keyboard shortcuts: Help
Select mouse cursor: Help Draggable:     Dragging:
Add Geocoder search box: Help Position:
Enter default search text: Help
Read markers from an xml file: Help
URL XML file: Help Find
Add event "Double click to zoom": Help










Google Map Javascript code:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Map code</title>
    <style type="text/css">
    v\:* {
      behavior:url(#default#VML);
    }
    </style>
    <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    // Google Map code generator
    // Mobilefish.com
    // http://www.mobilefish.com/services/googlemap/googlemap.php
    var map = null;
    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"), {draggableCursor: 'crosshair', draggingCursor: 'move'});
        map.setCenter(new GLatLng(52.1857,5.3899), 5);
        map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT));
        map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT));
        map.setMapType(G_HYBRID_MAP);
        map.enableDoubleClickZoom();
        keyboardhandler = new GKeyboardHandler(map);
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width:500px; height:500px"></div>
  </body>
</html>