首页 / deck.gl / 使用示例
瓦片图层
TileLayer 按视口计算需要哪些瓦片，加载、缓存、淘汰都自动完成。示例把瓦片内容换成现场绘制的图片，接口形状与远程瓦片一致。
源码与运行效果
说明
getTileData 收到 tile 对象，里面有 index（z / x / y）与 bbox。返回图片地址后，renderSubLayers 用 BitmapLayer 把每张瓦片贴到对应范围。
示例用 inline:// 模板占位，真实项目换成 https://host/{z}/{x}/{y}.png 即可，其余代码不动。
| 配置 | 作用 |
|---|---|
data | 模板字符串，提供 {z}/{x}/{y} 的形状 |
getTileData | 返回图片地址，替代远程瓦片请求 |
renderSubLayers | 按 tile.bbox 定位子图层 |
maxZoom | 控制瓦片层级上限 |
瓦片数量随层级指数增长，maxZoom 每加一级就是四倍。改层级后要重建图层，旧缓存不会按新范围重算。