Google Maps Static Service
Wednesday, August 26th, 2009 Blog, Freelance, Programming, Website Design by adminToday I found out about an amazing service from google. The google Maps Static API.
The challenge/problem:
I have a client I am building a site for that has many county and city pages. I needed to add a much location specific content, design elements, etc to each of the county/city pages.
I had noticed when you google “Sarasota, FL” that google has a nice static map, so i thought i would type in each city and save the map, name it as the city and the have a dynamic link so for each page it would show the map image.
My other option was to find a way to use the FULL google maps api and have their entire interactive map service load on every page, but it would slow down page time and the whole google maps is just too much… i only needed a picture to fill some white space.
The Solution:
While searching around I found that there was a Google Maps Static API Service.
http://maps.google.com/maps/api/staticmap?center=Sarasota,FL&zoom=14&size=400x400&sensor=false\ &key=YOUR_API_KEY
This will output the following:
You can edit everything about the image.
- Size
- Zoom Level
- Centering
- Censoring (detecting users location from ip)
Simple exchanging “Sarasota, FL” out with some php and you can have a map generated for every city, state in USA and abroad.
I think it’s a excellent service that is under used majorly.

Sarasota Web Design | Florida DUI Lawyer | o5Media Says:
August 30th, 2009 at 8:02 pm
[...] and TextMate as the IDE (code editor). We also utilized the JQuery Javascript Framework and the Google Maps Static Mapping Service « Real Collab [...]
Sarasota Web Design | Re/Max Premier Services | o5Media Says:
August 30th, 2009 at 8:07 pm
[...] and TextMate as the IDE (code editor). We also utilized the JQuery Javascript Framework and the Google Maps Static Mapping Service « Single Property Website 10 Reasons Why Most Freelance Web Designers Fail [...]
Sarasota Web Design | Oceans 5 Group | o5Media Says:
August 30th, 2009 at 8:11 pm
[...] and TextMate as the IDE (code editor). We also utilized the JQuery Javascript Framework and the Google Maps Static Mapping Service « World Eflyer.com HTML TAGS and SEO [...]
Nick Says:
August 31st, 2009 at 10:09 pm
Interesting you blogged about this. I played with this function for a couple hours about 2 weeks ago. I originally was trying to embed a static image into an email. Yea it doesn’t work with your API key so don’t try, but it was a great experience.
You can also change the map type and a ton more. Def good for mash ups.