Static Google Maps


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:


  Google Static Map Example



Edit your 'Static Google Map' LIVE >>>

Live Html Editor [Larger View] 

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: 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:
Example:
size=350x470 (size=WidthxHeight)



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)



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
New

JavaScript API libraries available for Google Sites



Live Html Editor