首页 / OpenLayers / 使用示例
矢量瓦片分层渲染
一份瓦片源挂多个图层,各自决定显示范围与画法。
源码与运行效果
说明
同一份矢量瓦片源可以挂多个图层,各自设 minZoom、maxZoom 与过滤条件,这就是分层渲染。
示例的填充层从 6 级起显示建筑用地,线层从 11 级起显示道路,缩到 9 级时只剩填充,与 Mapbox 的图层可见性规则一致。
要点
minZoom与maxZoom是图层属性,命中在渲染前就被裁掉。- 两个图层共用源,同一瓦片只请求一次。
- 线宽按分辨率计算,缩放时视觉粗细稳定。
分层多时注意图层顺序,后加的盖在上面,必要时用 zIndex 显式指定。