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

按属性过滤点要素

用分组与数值条件筛选大量点位,只绘制命中的要素。

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

说明

官方示例用 WebGL 的过滤表达式在渲染阶段筛掉不满足条件的点。 示例把同样的逻辑放进样式函数:不命中时返回 null, 渲染器就不会绘制该要素,数据源保持不变。

分区、数值阈值与总开关组合成过滤条件,状态栏显示当前命中数量; 三千个点的筛选是即时完成的,不需要重建源。

操作结果
切换「全部 / A 区 / B 区 / C 区」只保留对应分区的点
拖动「数值下限」滑块数值低于阈值的点停止绘制
取消勾选「启用过滤」恢复绘制全部点

样式函数过滤不会改变命中检测结果;若点击逻辑也要跟着过滤,需要在 forEachFeatureAtPixel 里重复同一套条件判断。

`r`n
`r`n