首页 / OpenLayers / 使用示例
`r`n 动态聚合
聚合距离随缩放与滑块变化,点击聚合点放大到其覆盖范围。
`r`n
源码与运行效果
说明
ol.source.Cluster 按屏幕像素距离把点合并成一个聚合要素,
属性 features 里保留原始点。它监听底层源的增删事件,
因此新增数据后聚合结果会自动刷新。
示例用滑块调 setDistance(),点击聚合要素时用
fit 到其内部点的范围,聚合半径与缩放级别形成联动。
| 操作 | 结果 |
|---|---|
| 拖动「聚合距离」滑块 | 聚合点数量与数字即时变化 |
| 点击带数字的聚合点 | 视图放大到该聚合覆盖范围 |
| 点「重新生成」 | 随机点重排,聚合结果随之更新 |
聚合距离是屏幕像素而非地理距离,因此缩放时聚合结果会变;要保持固定地理范围聚类,需在缩放结束后按分辨率换算距离。