首先上效果:
聚合自带的效果:缩放自动根据间距聚合,点击聚合点缩放,这个需要另外加代码,但是官方有例子,直接照抄就可以。
踩坑:
我这里ol的版本是"ol": “^7.1.0”,官方示例中features是vectorSource,如下图:
但是要注意是放在cluster的source中,如下图,
let layer = new VectorLayer({
style: style?style:[],
source: new Cluster({
distance:20,
source:new VectorSource({
features: [],
}),
})
})
所以若是动态从layer增加feature,需要先拿到clusterSource的source再addFeatures(features)
clusterVectorlayer.getSource().getSource().addFeatures(features)