Uk:Тайли

From OpenStreetMap Wiki
(Redirected from Uk:Tiles)
Jump to navigation Jump to search

Тайли (дослівно "кахлі") – це прямокутні плитки з кераміки, що прикріплюються у вигляді мозаїки до стіни вашої ванної кімнати! Але тут ми хотіли б поговорити про квадрати мапи:

  • прямокутні растрові зображення впорядковані за сіткою, для того щоб показувати мапу
  • ми також іноді маємо на увазі поділені на тайли дані мапи.

На цій сторінці ми зібрали багато інформації та технічних деталей. Якщо ви бажаєте використовувати тайли мапи на вашій веб-сторінці або у застосунку ви можете ознайомитись з керівництвом використання тайлів OpenStreetMap.

Графічні тайли мапи

Тайли зазвичай є зображенням розміром 256×256 пікселів, наприклад:

цей тайл мапи

Тайли не обов'язково мають такі розміри; так для використання на мобільних пристроях вони можуть бути 64×64 пікселів, про те зображення 256×256 пікселів є стандартом де-факто, зображення 515×512 пікселів є звичайним стандартом для тайлів з високою розподільчою якістю.

"Набір тайлів (tileset)" зазвичай включає достатню кількість тайлів, які формують велике зображення, коли вони показуються всі відразу, на різних рівнях наближення. Взагалі, ідея полягає не в тому, щоб показати їх всі відразу, а в тому щоб показати лише певну частину мапи на веб-сайті. Зазвичай для цього використовуються бібліотеки JavaScript, які дозволяють пересуватись мапою та змінювати масштаб мапи, завантажуючи нові тайли за потреби, щоб показати нові ділянки мапи користувачам (див Slippy Map).

Використання тайлів

  • Перегляд мапи#Шари мапи пояснює, як вибрати тайли доступні для перегляду на головній сторінці openstreetmap.org
  • Mapnik – популярний рендер для створення тайлів мапи
  • Kosmos Tile Map Server – настільний рендер тайлів
  • Правила використання тайлів OpenStreetMap
  • Exporting calibrated maps містить перелік інструментів, які дозволяють робити тайли сумісними з певним програмним забезпеченням
  • Tiletool – інструмент для обробки тайлів. За його допомогою можна створювати тайли для загальних масштабів (lowzoom) із тайлів докладних масштабів, накладати на них інші шари та виконувати інші операції.

Технічні дані

Розробка

Сервери

This is a list of online raster tile servers based on OpenStreetMap data. For the names of the physical servers that serve openstreetmap.org's map tiles, see Servers/tile.In the URLs provided ${X} and ${y} have to be replaced by the x and y Tile numbers and ${z} by the zoom level. Sometimes the $ is missing. In the URLS to Carto.com and some others there is also a {s} which should be replaced by the subdomain[1]. Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'. Refer to the provider documentation for details of available subdomains.

Base maps

Name free/commercial latency IPv6 comment tiles url Tile example source code
OpenStreetMap's Standard tile layer
openstreetmap.org front page
Tile usage policy
compare
free, funded by donations так https://a.tile.openstreetmap.org/${z}/${x}/${y}.png https://b.tile.openstreetmap.org/${z}/${x}/${y}.png https://c.tile.openstreetmap.org/${z}/${x}/${y}.png 42.png https://github.com/gravitystorm/openstreetmap-carto/
German fork of the Standard tile layer
openstreetmap.de map
usage policy
compare
free, funded by donations minutely updates так label in German and local language (transliterated where no name in Latin script is available), commercial and high-traffic use restricted https://a.tile.openstreetmap.de/${z}/${x}/${y}.png https://b.tile.openstreetmap.de/${z}/${x}/${y}.png https://c.tile.openstreetmap.de/${z}/${x}/${y}.png https://tile.openstreetmap.de/7/63/42.png https://github.com/giggls/openstreetmap-carto-de/
Wikimedia Maps
demo server
https://foundation.wikimedia.org/wiki/Maps_Terms_of_Use
так Experimental https://maps.wikimedia.org/osm-intl/${z}/${x}/${y}.png Wikimedia-tile.png https://github.com/kartotherian/kartotherian
OpenCycleMap
OpenCycleMap
compare
commercial, registration required немає you need to register to use this, a free plan is available. http://tile.thunderforest.com/cycle/${z}/${x}/${y}.png Tile cycling.png unavailable, this is a closed source project
Humanitarian map style
Humanitarian focused OSM base layer
compare
5 minutes так map style info http://a.tile.openstreetmap.fr/hot/${z}/${x}/${y}.png http://b.tile.openstreetmap.fr/hot/${z}/${x}/${y}.png Humanitarian style.png https://github.com/hotosm/HDM-CartoCSS
OSM France
Priority given to French names and symbols (baguette instead of pretzel for bakery!). Special display for sport fields.
compare
1 hour так Fork of openstreetmap-carto. Some newer features are sometimes experimented and are discussed on the French OpenStreetmap mailing list. Guided tour of improved features. http://a.tile.openstreetmap.fr/osmfr/${z}/${x}/${y}.png http://b.tile.openstreetmap.fr/osmfr/${z}/${x}/${y}.png http://c.tile.openstreetmap.fr/osmfr/${z}/${x}/${y}.png https://github.com/cquest/osmfr-cartocss map
wmflabs Hike & Bike
Hiking map
compare
~3 months немає Using osmc:symbol=* https://tiles.wmflabs.org/hikebike/${z}/${x}/${y}.png Tile hikebike.png
wmflabs Hillshading
shading
compare
n/a немає http://tiles.wmflabs.org/hillshading/${z}/${x}/${y}.png Tile hillshading.png
wmflabs OSM B&W
mapnik map grayscale
compare
~3 months [2] немає https://tiles.wmflabs.org/bw-mapnik/${z}/${x}/${y}.png Tile mapnikb&w.png
wmflabs OSM no labels
mapnik map without labels
compare
~3 months немає https://tiles.wmflabs.org/osm-no-labels/${z}/${x}/${y}.png Tile osm-no-label.png
Stamen Toner
Black & White map
compare
funded by donations no data updates немає 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

http://a.tile.stamen.com/toner/${z}/${x}/${y}.png Tile stamentonerb&n.png https://github.com/stamen/toner-carto
Stamen Watercolor
Artistic map
compare
funded by donations no data updates немає Watercolor http://c.tile.stamen.com/watercolor/${z}/${x}/${y}.jpg Tile watercolor stamen.jpg
Transport Map
Transport map
compare
commercial, registration required немає you need to register to use this, a free plan is available. http://tile.thunderforest.com/transport/${z}/${x}/${y}.png Tile transport.png


Thunderforest Landscape
Landscape map
compare
commercial, registration required немає you need to register to use this, a free plan is available http://tile.thunderforest.com/landscape/${z}/${x}/${y}.png Tile landscape.png
Thunderforest Outdoors
Outdoors map
compare
commercial, registration required немає you need to register to use this, a free plan is available http://tile.thunderforest.com/outdoors/${z}/${x}/${y}.png Tile outdoors.png
Öpnvkarte
Transport map
compare
так http://tile.memomaps.de/tilegen/${z}/${x}/${y}.png Tile opnvtransport.png
OpenMapSurfer
general map
https://openrouteservice.org/terms-of-service/
registration required, free plan available немає is a web map service with a couple of maps rendered with MapSurfer.NET, registration required OpenMapSurfer - example.png
Carto Light ("Positron")
general map
Required attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
commercial, registration required, uses Natural Earth at low zooms, no_labels variant available немає https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png Cartodb light tile.png
Carto Dark ("Dark Matter")
general map
Required attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
commercial, registration required, uses Natural Earth at low zooms, no_labels variant available немає https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png Cartodb dark tile.png
OpenTopoMap
Topographical Map
free, see https://opentopomap.org/about#faq немає Topographical Map https://{a|b|c}.tile.opentopomap.org/{z}/{x}/{y}.png
Omniscale
base map
commercial, registration required немає coloured base map, greyscale version and coloured version with hillshading available

Overlay tiles

Name free or commercial latency comment tiles url Tile example source code
waymarkedtrails
Hiking routes
1 day Using osmc:symbol=* https://tile.waymarkedtrails.org/hiking/${z}/${x}/${y}.png Tile lonviahiking.png https://github.com/waymarkedtrails/waymarked-trails-site
waymarkedtrails
Cycling routes
1 day https://tile.waymarkedtrails.org/cycling/${z}/${x}/${y}.png Tile lonviacycling.png https://github.com/waymarkedtrails/waymarked-trails-site
waymarkedtrails
Riding routes
1 day Horse riding, using osmc:symbol=* https://tile.waymarkedtrails.org/riding/${z}/${x}/${y}.png Lonvia riding routes.png https://github.com/waymarkedtrails/waymarked-trails-site
OpenPtMap
Transport map
compare
Transport http://www.openptmap.org/tiles/${z}/${x}/${y}.png Tile openptmaptransport.png https://github.com/waymarkedtrails/waymarked-trails-site
OpenRailwayMap
Railway infrastructure
Usage policy
compare
free, funded by donations, see policy Railway infrastructure http://a.tiles.openrailwaymap.org/standard/${z}/${x}/${y}.png http://b.tiles.openrailwaymap.org/standard/${z}/${x}/${y}.png http://c.tiles.openrailwaymap.org/standard/${z}/${x}/${y}.png https://github.com/OpenRailwayMap/OpenRailwayMap
OpenRailwayMap
Railway maxspeeds
Usage policy
compare
free, funded by donations, see policy Railway maxspeeds http://a.tiles.openrailwaymap.org/maxspeed/${z}/${x}/${y}.png http://b.tiles.openrailwaymap.org/maxspeed/${z}/${x}/${y}.png http://c.tiles.openrailwaymap.org/maxspeed/${z}/${x}/${y}.png https://github.com/OpenRailwayMap/OpenRailwayMap
OpenRailwayMap
Railway signalling
Usage policy
free, funded by donations, see policy Railway signalling and train protection signals http://a.tiles.openrailwaymap.org/signals/${z}/${x}/${y}.png http://b.tiles.openrailwaymap.org/signals/${z}/${x}/${y}.png http://c.tiles.openrailwaymap.org/signals/${z}/${x}/${y}.png https://github.com/OpenRailwayMap/OpenRailwayMap
OpenSeaMap
Sea marks
Sea marks only, background transparent http://tiles.openseamap.org/seamark/${z}/${x}/${y}.png Tile seamark.png

Також дивіться сервіс порівнння мап від bbbike.org. Будь ласка, дотримуйтесь правил користування кожного тайлового сервіса!

Також подивіться mapstyle.petschge.de та Leaflet Provider Demo.

Примітки:

Дані у вигляді тайлів

  • QuadTiles, схема, що дозволяє індексувати дані OSM у вигляді тайлів
  • OJW's tile data server, перша реалізація кешуючого сервера даних, який обслуговує дані так само, як і tileserver.
  • Tile data server, загальне визначення того, як повинні працювати дані у вигляді тайлів (також створене ojw...)

Посилання

  • Switch2OSM, The Basics Сторінка містить деяку інформацію про тайлів, ліцензій та JavaScript-бібліотеки для показу.