首页 / OpenLayers / 使用示例
`r`n 多选要素
多选的关键在 multi 与 condition:前者允许累加,后者决定点击是否进入选中集合。
源码与运行效果
说明
示例用圆形面要素铺出六个片区,Select 的 multi 设为 true,condition 使用默认的点击判断。每次选中都会触发集合的 add 事件,示例在事件里累加数量、按 ol.sphere.getArea 求合计面积,并把名称写进页面标题。清空按钮直接调用集合的 clear()。
| 操作 | 结果 |
|---|---|
| 依次点击不同片区 | 选中范围累加,计数与面积随之增长 |
| 再次点击已选片区 | 从选中集合移除,读数减少 |
| 点击「清空选择」 | 所有高亮消失,读数归零 |
要点
getLength()直接给出选中数量,不必遍历计数。- 圆形几何同样是多边形,面积可以正常计算。
需要 Shift 加选时,把 condition 换成组合条件,避免与普通点击冲突。