Request
https://maps.googleapis.com/maps/api/staticmap?center=Albany%2C+NY&zoom=13&scale=2&size=600x300&maptype=roadmap&format=png&key=YOUR-API-KEY-HERE
<img width="600" src="https://maps.googleapis.com/maps/api/staticmap?center=Albany%2C+NY&zoom=13&scale=2&size=600x300&maptype=roadmap&format=png&key=YOUR-API-KEY-HERE" alt="Google map of Albany, NY" />
background-image: url(https://maps.googleapis.com/maps/api/staticmap?center=Albany%2C+NY&zoom=13&scale=2&size=600x300&maptype=roadmap&format=png&key=YOUR-API-KEY-HERE);
How to use
- Get a Google API key.
- Customize the fields to build your map.
- Copy and paste the generated code into your HTML document or a stylesheet.
About
You can add a static map to any website with simple HTML and no JavaScript. Using URL parameters, you can describe the type of map that you want and Google will send it back.
The Static Map Maker helps you configure the Google API parameters.
Check out Google's static maps API.