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

动态聚合

聚合距离随缩放与滑块变化,点击聚合点放大到其覆盖范围。

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

说明

ol.source.Cluster 按屏幕像素距离把点合并成一个聚合要素, 属性 features 里保留原始点。它监听底层源的增删事件, 因此新增数据后聚合结果会自动刷新。

示例用滑块调 setDistance(),点击聚合要素时用 fit 到其内部点的范围,聚合半径与缩放级别形成联动。

操作结果
拖动「聚合距离」滑块聚合点数量与数字即时变化
点击带数字的聚合点视图放大到该聚合覆盖范围
点「重新生成」随机点重排,聚合结果随之更新

聚合距离是屏幕像素而非地理距离,因此缩放时聚合结果会变;要保持固定地理范围聚类,需在缩放结束后按分辨率换算距离。

`r`n
`r`n