首页 / OpenLayers / 使用示例
矢量瓦片选择
点击或悬停区块即可选中，选中结果用另一矢量瓦片图层按要素 id 重新着色。
源码与运行效果
说明
选择图层与业务图层共用同一个 VectorTileSource，但 renderMode 设为 vector，样式函数按 feature.getId() 是否存在于选择集合返回高亮样式。点击与悬停由下拉框切换，vtLayer.getFeatures(pixel) 返回当前像素下的要素数组。
| 操作 | 结果 |
|---|---|
| 点击色块（单选点击模式） | 只保留当前要素的高亮 |
| 切换到悬停模式 | 鼠标经过即高亮，移出后清空 |
| 切换到多选模式 | 多次点击可累加选中的要素 |
矢量瓦片要素的 id 来自 format 的 idProperty 或要素自身 id；没有稳定 id 时选择状态会在缩放后丢失。