Static Google Maps

eStatic Google Maps

Create a HTML Image Map using the Static Google Map  API.

Live HTML Editor

Edit your 'Static Google Map' LIVE >>>

Live Html Editor [Larger View] 


Map HTML Code Example

Copy and Paste the following code:
Edit the values marked in yellow(try to move the labels into view. eg. the red label co-ordinates

Map Marker HTML Example

 red%7Clabel:C%7C40.718217,-73.998284)


<img alt="Google Static Map Embed" src="http://maps.google.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&amp;zoom=14&amp;size=350x470&amp;maptype=roadmap&amp;markers=color:blue%7Clabel:S%7C40.702147,-74.015794&amp;markers=color:green%7Clabel:G%7C40.711614,-74.012318&amp;markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&amp;sensor=false">


The Map Parameters can be changed in the URL:

Map Size Example

size=350x470 (size=WidthxHeight)



Update

The Static Maps API now supports extra functionality like &scale=2 to view a higher resolution map.

Static maps are not supported within the HTML Box because they are generated through JavaScript.




Graphic Charts - more static images/chart generated on the fly.

Static Google Map with Markers

Create a Static Google Map with Markers as follows :

  Google Static Map Example


Static Google Map Link



You can also Link directly to a static map, for a enlarged map view.
(Simply change the size in the URL to size=870x870)


http://maps.google.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=14&size=870x870&maptype=roadmap&markers=color:blue|label:S|40.702147,-74.015794&markers=color:green|label:G|40.711614,-74.012318&markers=color:red|color:red|label:C|40.718217,-73.998284&sensor=false


Tip:  You can simply highlight the map (Firefox), copy (use control + c) and paste (control + v) it directly into your Google Sites page.

Google Sites does not yet support Flash or JavaScript Map Examples, a Google Gadget may be required. 

The Static Google Map API within a image tag <img src="">. (The Image tag is NOT Closed (/>) and the embed tag is not suported like in google charts)







New

JavaScript API libraries available for Google Sites



Live Html Editor


Google Maps Apis


(API Key no longer required for static maps embed and the HTML is supported in Google Sites)


All Google Maps Embed APIs and other Google APIs can be integrated into a Drupal website.


Flash Maps


More Flash Examples

Javascript Maps




Maps for Mobile Devices


Mapplets - Applications that run on a Google map