首页 / OpenLayers / 使用示例
`r`n 按属性过滤点要素
用分组与数值条件筛选大量点位,只绘制命中的要素。
`r`n
源码与运行效果
说明
官方示例用 WebGL 的过滤表达式在渲染阶段筛掉不满足条件的点。
示例把同样的逻辑放进样式函数:不命中时返回 null,
渲染器就不会绘制该要素,数据源保持不变。
分区、数值阈值与总开关组合成过滤条件,状态栏显示当前命中数量; 三千个点的筛选是即时完成的,不需要重建源。
| 操作 | 结果 |
|---|---|
| 切换「全部 / A 区 / B 区 / C 区」 | 只保留对应分区的点 |
| 拖动「数值下限」滑块 | 数值低于阈值的点停止绘制 |
| 取消勾选「启用过滤」 | 恢复绘制全部点 |
样式函数过滤不会改变命中检测结果;若点击逻辑也要跟着过滤,需要在 forEachFeatureAtPixel 里重复同一套条件判断。