经纬志
首页 / OpenLayers / 使用示例

TileJSON 数据源

把瓦片地址、层级范围与版权信息写成一个 TileJSON 对象,交给瓦片图层渲染。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

ol.source.TileJSON 通常先用 url 拉取元数据,这里改用 tileJSON 选项直接传入对象,省掉一次网络请求。对象里的 tiles 模板指向 OSM 瓦片,minzoom、maxzoom 与 bounds 决定可用层级和范围。

操作结果
缩放地图超过 maxzoom 后不再请求新瓦片,画面按最大层级拉伸
拖到 bounds 之外瓦片源按 wrapX 规则处理世界副本
查看顶部状态显示解析后的层级范围与版权信息

tileJSON 与 url 二选一;同时给出时以 tileJSON 为准,适合离线或内网环境。