For over a decade, Stamen has been exploring cartography with our clients and in research. These maps are presented here for your enjoyment and use wherever you display OpenStreetMap data.

Toner

These high-contrast B+W (black and white) maps are featured in our Dotspotting project. They are perfect for data mashups and exploring river meanders and coastal zones. Available in six flavors: standard toner, hybrid, labels, lines, background, and lite.

Available worldwide.

Terrain

Orient yourself with our terrain maps, featuring hill shading and natural vegetation colors. These maps showcase advanced labeling and linework generalization of dual-carriageway roads. Terrain was developed in collaboration with Gem Spear and Nelson Minar. Available in four flavors: standard terrain, labels, lines, and background.

Available worldwide.

Watercolor

Reminiscent of hand drawn maps, our watercolor maps apply raster effect area washes and organic edges over a paper texture to add warm pop to any map. Watercolor was inspired by the Bicycle Portraits project. Thanks to Cassidy Curtis for his early advice.

Available worldwide.

How to Use These Tiles Elsewhere

CC-BY License

Except otherwise noted, each of these map tile sets are © Stamen Design, under a Creative Commons Attribution (CC BY 3.0) license.

We’d love to see these maps used around the web, so we’ve included some brief instructions to help you use them in the mapping system of your choice. These maps are available free of charge. If you use these tiles, you must use this attribution:

Attribution:

For Toner and Terrain: Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under ODbL. <COPY HTML>

For Watercolor: Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA. <COPY HTML>

And if you do use these maps elsewhere, please post a tweet to @stamen!

"Isn't OSM data provided under the ODbL now?" Yes, but the data used in our Watercolor map tiles pre-dates the license change, so it remains CC BY SA for that tileset until it's refreshed.

JavaScript Libraries

To use these tiles, just include our JavaScript alongside your favorite mapping library:

<script type="text/javascript" src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js?v1.3.0"></script>

Then, follow the instructions below for your preferred library:

Leaflet

Leaflet is a lightweight and easy-to-use mapping library. View the example.

Or you can use the built-in Stamen layers in the Leaflet-providers library. View the demo.

// Leaflet sample code

// replace "toner" here with "terrain" or "watercolor"
var layer = new L.StamenTileLayer("toner");
var map = new L.Map("element_id", {
    center: new L.LatLng(37.7, -122.4),
    zoom: 12
});
map.addLayer(layer);

OpenLayers

OpenLayers is a hefty and featureful mapping library for use with a variety of GIS applications. Our JavaScript library is useful for older version of OpenLayers (version 2 or earlier). View the example.

For newer versions of OpenLayers, use the built-in Stamen layer source. View the demo.

// OpenLayers v2 sample code

// replace "toner" here with "terrain" or "watercolor"
var layer = new OpenLayers.Layer.Stamen("toner");
var map = new OpenLayers.Map("element_id");
map.addLayer(layer);

Elsewhere

Instead of using our JavaScript library, you can refer to the tile URLs directly.

Many applications and libraries understand the notion of map URL templates. These are ours:

  • https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png
  • https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg
  • https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg

Multiple subdomains can be also be used: https://stamen-tiles-{S}.a.ssl.fastly.net

JavaScript can be loaded from https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js.

If you need protocol-agnostic URLs, use //stamen-tiles-{s}.a.ssl.fastly.net/, as that endpoint will work for both SSL and non-SSL connections.