From OpenStreetMap Wiki
(Redirected from ES:Tiles)
Jump to: navigation, search
Idiomas disponibles — Tiles
· Afrikaans · Alemannisch · aragonés · asturianu · Aymar aru · azərbaycanca · Bahasa Indonesia · Bahasa Melayu · bamanankan · Bân-lâm-gú · Basa Jawa · Basa Sunda · Baso Minangkabau · bosanski · brezhoneg · català · čeština · corsu · dansk · Deutsch · eesti · English · español · Esperanto · estremeñu · euskara · français · Frysk · Gaeilge · Gàidhlig · galego · Hausa · hrvatski · Igbo · interlingua · Interlingue · isiXhosa · isiZulu · íslenska · italiano · Kiswahili · Kreyòl ayisyen · kréyòl gwadloupéyen · Kurdî · Latina · latviešu · Lëtzebuergesch · lietuvių · Limburgs · magyar · Malagasy · Malti · Nederlands · Nedersaksies · norsk bokmål · norsk nynorsk · occitan · Oromoo · oʻzbekcha/ўзбекча · Plattdüütsch · polski · português · română · shqip · slovenčina · slovenščina · Soomaaliga · suomi · svenska · Tagalog · Tiếng Việt · Türkçe · Vahcuengh · vèneto · Wolof · Yorùbá · Zazaki · српски / srpski · авар · Аҧсшәа · беларуская · български · қазақша · Кыргызча · македонски · монгол · русский · тоҷикӣ · українська · Ελληνικά · Հայերեն · ქართული · नेपाली · भोजपुरी · मराठी · संस्कृतम् · हिन्दी · অসমীয়া · বাংলা · ਪੰਜਾਬੀ · ગુજરાતી · ଓଡ଼ିଆ · தமிழ் · తెలుగు · ಕನ್ನಡ · മലയാളം · සිංහල · བོད་ཡིག · ไทย · မြန်မာဘာသာ · ລາວ · ភាសាខ្មែរ · ⵜⴰⵎⴰⵣⵉⵖⵜ · አማርኛ · 한국어 · 日本語 · 中文(简体)‎ · 中文(繁體)‎ · 吴语 · 粵語 · ייִדיש · עברית · اردو · العربية · پښتو · سنڌي · فارسی · ދިވެހިބަސް

Tiles are rectangular slabs of ceramic affixed in a grid arrangement to your bathroom wall. For shops selling such ceramic tiles, see shop=tiles.

Here we are much more likely to be talking about map tiles:

  • square bitmap graphics displayed in a grid arrangement to show a map
  • We may also be talking about tiled map data.

This page includes lots of information and technical detail. If you want to use map tiles in your web page or application you can have a look at this tutorial about how to use OpenStreetMap tiles.

Graphical Map Tiles

Map tiles are typically 256×256 pixel images. e.g.:

this example tile

Tiles are not always in these dimensions; for example there could be 64×64 pixel images for mobile use, however 256×256 pixel images are a de facto standard. 515×512 pixel seems to be the usual size of high-resolution tiles.

A "tileset" typically includes enough tiles to form a very large image, if they were shown all at once, and also several zoom levels. Generally the idea is not to show them all at once, but to display a particular area of the map on a website. Normally this is done using a JavaScript map library to provide panning and zooming functionality, and request downloading of new tiles as necessary to show the user new areas of the map (a Slippy Map).

Using tiles

Technical data



This is a list of online raster tile servers based on OpenStreetMap data. For the names of the physical servers that serve's map tiles, see Servers/tile.
Name type covered latency comment tiles url Tile example source code
OpenStreetMap's Standard tile layer front page
Tile usage policy
Wikimedia Maps
demo server
base Experimental${z}/${x}/${y}.png Wikimedia-tile.png
Cycle map
base${z}/${x}/${y}.png${z}/${x}/${y}.png Tile cycling.png unavailable, this is a closed source project
Humanitarian map style
Humanitarian focused OSM base layer
base map style info${z}/${x}/${y}.png${z}/${x}/${y}.png Humanitarian style.png
OSM France
Priority given to French names and symbols (baguette instead of pretzel for bakery!). Special display for sport fields.
base world, up to z20 Fork of openstreetmap-carto. Some newer features are sometimes experimented and are discussed on the French OpenStreetmap mailing list. Guided tour of improved features.${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png map
Ski map
Sea marks
overlay Sea marks only, background transparent${z}/${x}/${y}.png Tile seamark.png
Hiking routes
overlay 1D Using osmc:symbol=*${z}/${x}/${y}.png Tile lonviahiking.png
Cycling routes
overlay 1D${z}/${x}/${y}.png Tile lonviacycling.png
Hike & Bike
Hiking map
DE ? Using osmc:symbol=*${z}/${x}/${y}.png Tile hikebike.png
compare${z}/${x}/${y}.png Tile hillshading.png
mapnik map grayscale
base${z}/${x}/${y}.png or${z}/${x}/${y}.png +${z}/${x}/${y}.png +${z}/${x}/${y}.png Tile mapnikb&w.png
OSM no labels
mapnik map without labels
base${z}/${x}/${y}.png or${z}/${x}/${y}.png +${z}/${x}/${y}.png +${z}/${x}/${y}.png Tile osm-no-label.png
Stamen Toner
Black & White map
base Black&White, printing, uses Natural Earth at low zooms, retina tiles available

variants available: toner, toner-hybrid, toner-labels, toner-lines, toner-background, toner-lite${z}/${x}/${y}.png Tile stamentonerb&n.png
Stamen Watercolor
Artistic map
base Watercolor${z}/${x}/${y}.jpg Tile watercolor stamen.jpg
Transport Map
Transport map
base${z}/${x}/${y}.png${z}/${x}/${y}.png Tile transport.png

Thunderforest Landscape
Landscape map
base${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png Tile landscape.png
Thunderforest Outdoors
Outdoors map
base${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png Tile outdoors.png
Transport map
base${z}/${x}/${y}.png Tile opnvtransport.png
Transport map
overlay Transport${z}/${x}/${y}.png Tile openptmaptransport.png
general map
base is a web map service with a couple of maps rendered with MapSurfer.NET OpenMapSurfer - example.png
Carto Light ("Positron")
general map
Required attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
base unlimited use permitted, uses Natural Earth at low zooms, no_labels variant available https://cartodb-basemaps-{s}{z}/{x}/{y}.png
Carto Dark ("Dark Matter")
general map
Required attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
base unlimited use permitted, uses Natural Earth at low zooms, no_labels variant available https://cartodb-basemaps-{s}{z}/{x}/{y}.png Cartodb dark tile.png
Railway infrastructure
Usage policy
overlay Railway infrastructure${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png
Railway maxspeeds
Usage policy
overlay Railway maxspeeds${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png
Railway signalling
Usage policy
overlay Railway signalling and train protection signals${z}/${x}/${y}.png${z}/${x}/${y}.png${z}/${x}/${y}.png

Also see for example map compare service at Please obey the usage restrictions of each tile server if you use it heavily!

More webservices to display different OSM based tiles are and Leaflet Provider Demo.


Tiled map data

  • QuadTiles, a scheme to make OSM database indexed by tiles
  • OJW's tile data server, first implementation of a cacheable data server, that servs data in the same way as the tileserver.
  • Tile data server, generic definition of how data served as tiles should work. (written by ojw as well...)


  • Switch2OSM, The Basics This page gives some introductory information on the tiles, licence and JavaScript libraries to display the tiles.