Display the map as an image:
<img width="600" src=",42.6564,13,0,0/600x300@2x?attribution=true&logo=true&access_token=YOUR-ACCESS-TOKEN-HERE" alt="Mapbox map of -73.7638,42.6564" />
Display the map as a CSS background image:
background-image: url(,42.6564,13,0,0/600x300@2x?attribution=true&logo=true&access_token=YOUR-ACCESS-TOKEN-HERE);

How to use

  1. Get a Mapbox API key.
  2. Customize the fields to build your map.
  3. Copy and paste the generated code into your HTML document or a stylesheet.


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 Mapbox will send it back.

The Static Map Maker helps you configure the Mapbox API parameters.

Check out Mapbox's static maps API.