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

矢量瓦片分层渲染

一份瓦片源挂多个图层,各自决定显示范围与画法。

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

说明

同一份矢量瓦片源可以挂多个图层,各自设 minZoom、maxZoom 与过滤条件,这就是分层渲染。

示例的填充层从 6 级起显示建筑用地,线层从 11 级起显示道路,缩到 9 级时只剩填充,与 Mapbox 的图层可见性规则一致。

要点

  • minZoom 与 maxZoom 是图层属性,命中在渲染前就被裁掉。
  • 两个图层共用源,同一瓦片只请求一次。
  • 线宽按分辨率计算,缩放时视觉粗细稳定。

分层多时注意图层顺序,后加的盖在上面,必要时用 zIndex 显式指定。