地图自定义点聚合在安卓手机上会闪出默认的聚合簇样式
一定出现的情况: addMarkers时,会出现默认样式的聚合簇,稳定后才切回自定义样式; removeMarkers时,地图上开始出现动画效果,聚合簇会变成默认样式,直至marker全部删除完毕。 偶尔出现的情况: 地图放大或缩小时,可能会出现部分聚合簇变成默认样式,稳定后才切回自定义样式; removeMarkers时,marker上的label文字有可能会永远残留在地图上。 this.map.on('markerClusterCreate', (e) => {
console.log('markerClusterCreate', e)
const markers = e.clusters.map((cluster, index) => {
const { center, clusterId, markerIds } = cluster
return {
...center,
width: 53,
height: 53,
clusterId, // 必须
iconPath: '/static/img/map/mapPoiIcon/clusterer.png',
label: {
content: markerIds.length + '',
fontSize: 12,
width: 50,
height: 50,
borderRadius: 25,
textAlign: 'center',
anchorX: -25, // 开发者工具与真机表现不同
anchorY: -50
}
}
})
this.map.addMarkers({
markers,
clear: false,
complete(res) {
console.log('clusterCreate addMarkers', res)
}
})
})