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

多选要素

多选的关键在 multi 与 condition:前者允许累加,后者决定点击是否进入选中集合。

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

说明

示例用圆形面要素铺出六个片区,Select 的 multi 设为 true,condition 使用默认的点击判断。每次选中都会触发集合的 add 事件,示例在事件里累加数量、按 ol.sphere.getArea 求合计面积,并把名称写进页面标题。清空按钮直接调用集合的 clear()。

操作结果
依次点击不同片区选中范围累加,计数与面积随之增长
再次点击已选片区从选中集合移除,读数减少
点击「清空选择」所有高亮消失,读数归零

要点

  • getLength() 直接给出选中数量,不必遍历计数。
  • 圆形几何同样是多边形,面积可以正常计算。

需要 Shift 加选时,把 condition 换成组合条件,避免与普通点击冲突。

`r`n
`r`n