Uk:Тайли

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

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

На цій сторінці ми зібрали багато інформації та технічних деталей. Якщо ви бажаєте використовувати тайли мапи на вашій веб-сторінці або у застосунку ви можете ознайомитись з керівництвом використання тайлів 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) із тайлів докладних масштабів, накладати на них інші шари та виконувати інші операції.

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

• Slippy map tilenames – допомагає вирахувати номер тайла, якщо у вас є координати
• Оцінка використання дискового простору під тайли
• Tile water land status ([1]), індекс тайлів що покривають сушу або воду, на мапі OSM, ця інформація доступна в SVN, у файлі png2tileinfo.
• Перелік змінених тайлів, надає перелік всіх тайлів на певному масштабі, які були змінені впродовж останьої доби від 1 години до 24 годин.

Розробка

• mod_tile – модуль Apache що опікується процесом надсилання запитів на редерінг тайлів в mapnik. Дивіться список розсилки OSM-Dev "mod_tile / renderd issue" (Травень 2008)
• Tile cache, рендер з підтримкою mapnik/mapserver/WMS так кещуванням тайлів.
• OSM Mobile Binary Protocol, дані OSM у вигляді тайлів(дивіться також WhereAmI/OSM Binary Format та обговорення в списку розилки - "mobile binary data" від 2008)

Сервери

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. 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.

See also Servers/Tile CDN for description of tile servers maintained by OSM and how one may donate new server to it.

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		https://github.com/gravitystorm/openstreetmap-carto/
German fork of the Standard tile layer openstreetmap.de map usage policy compare	free, funded by donations		так	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/
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		unavailable, this is a closed source project
Humanitarian map style Humanitarian focused OSM base layer Usage policy: https://www.openstreetmap.fr/fonds-de-carte/ compare	free, funded by donations	5 minutes	так	map style info. https and http/2 supported.	http://a.tile.openstreetmap.fr/hot/${z}/${x}/${y}.png http://b.tile.openstreetmap.fr/hot/${z}/${x}/${y}.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. Usage policy: https://www.openstreetmap.fr/fonds-de-carte/ compare	free, funded by donations	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. https and http/2 supported.	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
wmflabs Hillshading shading compare		n/a	немає		http://tiles.wmflabs.org/hillshading/${z}/${x}/${y}.png
wmflabs OSM B&W mapnik map grayscale compare		~3 months [2]	немає		https://tiles.wmflabs.org/bw-mapnik/${z}/${x}/${y}.png
wmflabs OSM no labels mapnik map without labels compare		~3 months	немає		https://tiles.wmflabs.org/osm-no-labels/${z}/${x}/${y}.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		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
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
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
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
Öpnvkarte Transport map compare			так		http://tile.memomaps.de/tilegen/${z}/${x}/${y}.png
MapTiler Streets Streets map compare	commercial, registration required		так	you need to register to use this, a free tier for non-commercial use is available.	https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png
MapTiler Outdooor Outdoor map	commercial, registration required		так	you need to register to use this, a free tier for non-commercial use is available.	https://api.maptiler.com/maps/outdoor/{z}/{x}/{y}.png
MapTiler Pastel Pale map for overlaying own data	commercial, registration required		так	you need to register to use this, a free tier for non-commercial use is available.	https://api.maptiler.com/maps/pastel/{z}/{x}/{y}.png
MapTiler Basic Basic map compare	commercial, registration required		так	you need to register to use this, a free tier for non-commercial use is available.	https://api.maptiler.com/maps/basic/{z}/{x}/{y}.png
MapTiles English MapTiles with English labels	commercial, registration required	~ 2 weeks	немає	you need to register to use this, a free tier for non-commercial use is available.	https://maptiles.p.rapidapi.com/en/map/v1/{z}/{x}/{y}.png
MapTiles French MapTiles with French labels	commercial, registration required	~ 2 weeks	немає	you need to register to use this, a free tier for non-commercial use is available.	https://maptiles.p.rapidapi.com/fr/map/v1/{z}/{x}/{y}.png
MapTiles Spanish MapTiles with Spanish labels	commercial, registration required	~ 2 weeks	немає	you need to register to use this, a free tier for non-commercial use is available.	https://maptiles.p.rapidapi.com/es/map/v1/{z}/{x}/{y}.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
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
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
Lima Labs Open carto Based map with Anglicized labels	commercial, a free tier for non-commercial or low volume use is available. Use free as the API key		так	Labeled in English and local languages where possible/	https://cdn.lima-labs.com/{z}/{x}/{y}.png?free

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		https://github.com/waymarkedtrails/waymarked-trails-site
waymarkedtrails Cycling routes		1 day			https://tile.waymarkedtrails.org/cycling/${z}/${x}/${y}.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		https://github.com/waymarkedtrails/waymarked-trails-site
OpenPtMap Transport map compare				Transport	http://www.openptmap.org/tiles/${z}/${x}/${y}.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

Regional tile servers

Name	free or commercial	latency	IPv6	Region	tiles url	Tile example	source code
openstreetmap-carto rendering from SOSM standard usage policy	free, donated resources	1 hour	no	Switzerland	https://tile.osm.ch/switzerland/${z}/${x}/${y}.png	https://tile.osm.ch/switzerland/14/8544/5827.png	https://github.com/sosm/openstreetmap-carto
OSM-Swiss-Style link to the map usage policy	free, donated resources	1 hour	no	Switzerland	https://tile.osm.ch/osm-swiss-style/${z}/${x}/${y}.png	https://tile.osm.ch/osm-swiss-style/15/17062/11532.png	https://github.com/sosm/OSM-Swiss-Style

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

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

Примітки:

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

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

Посилання

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