首页 / OpenLayers / 使用示例
TileJSON 数据源
把瓦片地址、层级范围与版权信息写成一个 TileJSON 对象,交给瓦片图层渲染。
源码与运行效果
说明
ol.source.TileJSON 通常先用 url 拉取元数据,这里改用 tileJSON 选项直接传入对象,省掉一次网络请求。对象里的 tiles 模板指向 OSM 瓦片,minzoom、maxzoom 与 bounds 决定可用层级和范围。
| 操作 | 结果 |
|---|---|
| 缩放地图 | 超过 maxzoom 后不再请求新瓦片,画面按最大层级拉伸 |
| 拖到 bounds 之外 | 瓦片源按 wrapX 规则处理世界副本 |
| 查看顶部状态 | 显示解析后的层级范围与版权信息 |
tileJSON 与 url 二选一;同时给出时以 tileJSON 为准,适合离线或内网环境。