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

OGC 矢量瓦片

矢量瓦片的关键是瓦片里装了要素,格式可以自己定。

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

说明

ol.source.VectorTile 只要 tileLoadFunction 能给出要素数组,就不必真的解析 MVT 二进制。

示例按瓦片坐标生成圆形要素,样式按属性分三类颜色;勾选边界层可以看到每块瓦片的编号,点击瓦片读出该块的要素数。

要点

  • 默认网格是 3857 的 createXYZ,要素坐标直接用瓦片范围。
  • 样式函数返回 null 可跳过要素。
  • 边界层单独放一个矢量层,方便开关与调试。

瓦片要素数量与真实数据差距大时,用边界层核对要素是否越界。