首页 / OpenLayers / 使用示例
矢量瓦片属性查询
每个瓦片在页面内合成两个区块要素，鼠标悬停时把属性以 JSON 显示在右上角。
源码与运行效果
说明
ol.source.VectorTile 的 url 返回 data: URL，内容是一小段 JSON；自定义 format.readFeatures() 按瓦片范围把 JSON 还原成面要素，坐标直接使用瓦片范围，省去 MVT 编解码。map.getFeaturesAtPixel() 在矢量瓦片图层上返回命中要素，属性面板展示其 getProperties()。
| 操作 | 结果 |
|---|---|
| 悬停到色块上 | 右上角显示要素属性 JSON |
| 悬停在空白处 | 属性面板清空 |
| 缩放地图 | 按新层级重新生成瓦片要素，属性中的 z/x/y 同步变化 |
真实项目通常用 MVT 承载矢量瓦片；自定义 format 适合演示或小范围数据，接口与 MVT 一致，便于后续替换。