Map Tiles (XYZ / Slippy Map)
Open Beta地図を、Webアプリケーション向けのタイルピラミッド（PNG/JPEG）としてエクスポートします。Z/X/Y構造はLeaflet、OpenLayers、Mapbox GL、その他あらゆるタイルサーバーと互換性があります。
主な機能
Map Tilesフォーマットについて
XYZ tiles (slippy map) are how almost all web maps are built: the image is cut into 256 × 256 pixel squares, and the address of a square is set by three numbers — zoom, column and row. The client loads only what falls into the window, so the map pans smoothly no matter how much data there is.
This export is taken when the map has to live on your own server: an offline application, a kiosk or a display board with no internet, an internal portal that external tile services are not allowed into. Unpack the archive into a web server directory and you have your own source, the one Leaflet, OpenLayers and MapLibre connect to.
The archive holds a z/x/y.png pyramid in the Web Mercator projection (EPSG:3857) and a metadata.json file with the set name, format, bounds and center. By default zooms 10 through 16 are rendered — from the whole city down to individual buildings; the tile format switches to JPEG if transparency is not needed and size matters more.
Map Tilesファイルを開けるプログラム
次のプログラムおよびアプリケーションは、OSM2CDRからエクスポートしたMap Tiles (XYZ / Slippy Map)（.zip）ファイルを開き、編集し、利用できます：
Format specifications
- Open standard
- 2D only
- Lossless (no quality loss)
- No attributes
- Output: 256 files in archive
- ZIP archive of XYZ tile pyramid (z/x/y.png). Slippy-map convention. Drop on any web server for OpenLayers/Leaflet.
Map Tiles地図を利用するユーザー
Map Tilesのエクスポート方法
エクスポート後の開き方
- Any web server — unpack the archive into the site directory, and the path to the tiles comes out like /tiles/{z}/{x}/{y}.png.
- Leaflet — L.tileLayer('tiles/{z}/{x}/{y}.png', {minZoom: 10, maxZoom: 16}).addTo(map); take the bounds from metadata.json.
- OpenLayers and MapLibre — an XYZ source with the same template; in MapLibre that is a raster source with a tiles field and a tile size of 256.
- Offline and mobile applications — the directory goes into the build resources; if one file is more convenient than thousands of pictures, take MBTiles or PMTiles.
- Checking — open any file like 12/2476/1284.png by hand: if the picture is there, the set is laid out correctly.
Map Tilesの人気地図
Map Tiles (XYZ / Slippy Map)の地図エクスポートを入手
OpenStreetMapからプロフェッショナルなMap Tiles地図をダウンロード。即時生成、任意の範囲に対応。
よくある質問
他のフォーマットと比較
関連フォーマット
よく一緒にエクスポートされるフォーマット
Related Articles
Web Mapping with Leaflet and MapLibre GL JS: Developer Guide
Building interactive web maps: Leaflet vs MapLibre GL JS, tile layers, GeoJSON, custom styles, PMTiles for offline.
guidePMTiles: Cloud-Native Tile Format for Modern Maps
What is PMTiles, how it differs from MBTiles, usage with MapLibre GL JS and Leaflet. A guide to cloud-native maps.