stamen-maps.a.ssl.fastly.net Open in urlscan Pro
199.232.196.249  Public Scan

Form analysis
1 forms found in the DOM

#

<form id="search" action="#">
  <p>
    <input id="search-location" class="span3" type="text" placeholder="Type a location">
    <input id="search-submit" class="btn" type="submit" value="Find">
  </p>
</form>

Text Content

MAPS.STAMEN.COM

stamen report a bug


TERRAIN⇲ HIRE US!




<image>



TONER





WATERCOLOR




Not looking right?

You can help us track down problems by creating an issue in the maps.stamen.com
repo.

WHEN SUBMITTING A NEW ISSUE, PLEASE:

 * Make sure there isn't an issue already submitted.
 * Include in the description:
   1. Current maps.stamen.com URL
   2. A detailed description of the problem
   3. Screenshots would be great too!

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.

 * Fork on GitHub
 * Read about it


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.

 * Fork on Github
 * Read about it


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.

 * Read about it


HOW TO USE THESE TILES ELSEWHERE

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.

Thank you to geocode.earth for powering our search box.

These tiles were developed by Stamen as part of the CityTracking project,
supported by the Knight Foundation. Stamen continues to offer and support these
map tiles and other open source tools in support of map makers everywhere.