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

矢量瓦片图层

矢量瓦片的要素数组由加载函数给出,样式随便定。

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

说明

ol.layer.VectorTile 的要素来自 ol.source.VectorTile,数据格式不限于 MVT,只要 tileLoadFunction 能给出要素数组即可。

官方示例读的是 MVT 瓦片。这里按瓦片坐标生成水系、绿地、建筑、道路、地名五类要素,样式函数按属性 layer 分派,等价于 Mapbox 的 source-layer。

要点

  • 样式函数返回 null 即跳过该要素。
  • 三个开关改的是样式分支,不需要清空瓦片缓存。
  • 最上层的文字用 place 要素生成,避免和几何重叠。

要素数量大时把样式判断提前成映射表,比在函数里写一长串条件更快。