📈

Map Tiles (XYZ / Slippy Map)

Open Beta

.zip · application/zip

将地图导出为瓦片金字塔（PNG/JPEG），用于 Web 应用。采用 Z/X/Y 结构，兼容 Leaflet、OpenLayers、Mapbox GL 及任意瓦片服务器。

立即导出 Map Tiles ✨ Open Beta — 免费无限制

主要特点

✓Z/X/Y 瓦片金字塔

✓PNG 或 JPEG 瓦片

✓可配置缩放级别

✓兼容 Leaflet/OpenLayers

Map Tiles 格式导出示例（莫斯科中心，1x0.5 公里） — 示例：莫斯科中心区，约 1x0.5 公里，中等详细度

关于 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）文件：

💻Leaflet 💻OpenLayers 💻Mapbox GL JS 💻MapLibre GL JS 🌐Google Maps API

格式规格

开放标准
仅 2D
无损（无质量损失）
无属性
输出：归档中 256 个文件
ZIP archive of XYZ tile pyramid (z/x/y.png). Slippy-map convention. Drop on any web server for OpenLayers/Leaflet.

谁在使用 Map Tiles 地图

🏗

网页地图

Your own base layer for a website: the map works without any requests to external tile services.

💻

移动应用

The tiles go into the resources of a mobile app and open with no network.

📊

离线地图

An offline map for an expedition, a site without connectivity or a closed network.

🎨

自建瓦片服务器

A ready pyramid for your own tile server — serving static files is enough.

🗺

数字标牌

Information boards and kiosks where the map has to open instantly and always look the same.

如何导出 Map Tiles

选择区域

在 osm2cdr 的交互式地图上绘制矩形或多边形

选择 Map Tiles

从 127 种可用导出格式中选择 Map Tiles (XYZ / Slippy Map)

导出

点击导出，1–5 分钟内收到您的 .zip 文件

下载

下载完成的 Map Tiles 文件并在 Leaflet 中打开

导出后如何打开

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.