首页 / OpenLayers / 使用示例
`r`n 点选要素
ol.interaction.Select 自带选中集合,样式与数据读取都围绕这个集合展开。
源码与运行效果
说明
示例画了七个示意商圈多边形,Select 交互接管点击,选中后要素改用红色填充与描边。选中集合的 add 与 remove 事件里更新顶部读数,面积用 ol.sphere.getArea 按球面计算并换算成平方公里,比平面面积更接近真实值。
| 操作 | 结果 |
|---|---|
| 点击任一面要素 | 该面变红,顶部显示名称、类型与面积 |
| 点击空白处 | 选中被清空,读数复位 |
| 点击另一个面 | 选中转移到新要素 |
要点
- 选中样式通过交互的
style选项传入,不影响图层样式。 - 面积用球面公式,跨纬度时误差小于直接算平面。
面要素很多时给源加空间索引,命中检测会快很多。