Posted By

FatFolderDesigner on 06/11/12

Tagged

image
google

Versions (?)

Last Edited at 06/11/12 08:23am

Statistics

Viewed 796 times

Favorited by 0 user(s)

Related snippets

Google Maps V2 Static Maps

/ Published in: HTML

Below are several different types of google static maps.

The first is a map with a single marker on the Space Needle.
The second is one with 3 marks, one on the Space Needle, one on the Seattle Science Center, and One on the EMP Museum.
The last three have the same 3 markers but varios styles.

Generally markers are separated with "|" pipes, styles are a bit more complex and require multiple parts separated with pipes and for more advanced stuff multiple markers. I have a writeup at the url.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!-- Basic Boring 1 Point -->
http://maps.googleapis.com/maps/api/staticmap?zoom=14&size=400x300&maptype=road&markers=219+4th+Ave+N,+Seattle,+WA+98109&sensor=false
 
<!-- Slightly Less Boring 3 Point. -->
http://maps.googleapis.com/maps/api/staticmap?zoom=14&size=400x300&maptype=road&markers=219+4th+Ave+N,+Seattle,+WA+98109|200+2nd+Avenue+NorthSeattle,+WA+98109|325+5th+Ave+N,+Seattle,+WA+98109&sensor=false
 
<!-- 3 point, simple and desaturated with read roads -->
http://maps.googleapis.com/maps/api/staticmap?zoom=14&size=900x600&maptype=road&style=feature:all|element:all|visibility:simplified|saturation:-99&style=feature:road|element:all|hue:0x010000|saturation:100&style=feature:road.highway|element:all|hue:0x010000|saturation:100|lightness:-50&style=feature:transit|element:all|hue:0x010000|saturation:100&style=feature:water|element:all|visibility:simplified|saturation:100|hue:0x0033ff|lightness:-15&markers=219+4th+Ave+N,+Seattle,+WA+98109|200+2nd+Avenue+NorthSeattle,+WA+98109|325+5th+Ave+N,+Seattle,+WA+98109&sensor=false
 
<!-- 3 point, simple night style map with black land and red roads -->
http://maps.googleapis.com/maps/api/staticmap?zoom=14&size=900x600&maptype=road&style=feature:all|element:all|visibility:simplified&style=feature:all|element:all|saturation:-100|lightness:-50&style=feature:road|element:all|hue:0x010000|saturation:100|lightness:-50&style=feature:water|element:all|visibility:simplified|lightness:-100&markers=219+4th+Ave+N,+Seattle,+WA+98109|200+2nd+Avenue+NorthSeattle,+WA+98109|325+5th+Ave+N,+Seattle,+WA+98109&sensor=false
 
<!-- 3 point, super saturated with no street labels -->
http://maps.googleapis.com/maps/api/staticmap?zoom=14&size=900x600&style=feature:all|element:geometry|saturation:100&style=feature:road|element:all|visibility:simplified&maptype=road&markers=219+4th+Ave+N,+Seattle,+WA+98109|200+2nd+Avenue+NorthSeattle,+WA+98109|325+5th+Ave+N,+Seattle,+WA+98109&sensor=false