`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

点选要素

ol.interaction.Select 自带选中集合,样式与数据读取都围绕这个集合展开。

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

说明

示例画了七个示意商圈多边形,Select 交互接管点击,选中后要素改用红色填充与描边。选中集合的 add 与 remove 事件里更新顶部读数,面积用 ol.sphere.getArea 按球面计算并换算成平方公里,比平面面积更接近真实值。

操作结果
点击任一面要素该面变红,顶部显示名称、类型与面积
点击空白处选中被清空,读数复位
点击另一个面选中转移到新要素

要点

  • 选中样式通过交互的 style 选项传入,不影响图层样式。
  • 面积用球面公式,跨纬度时误差小于直接算平面。

面要素很多时给源加空间索引,命中检测会快很多。

`r`n
`r`n