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


<img alt="Google Static Map Embed" src=",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)


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),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)


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