mapCtx.on('markerClusterCreate', res => {
const clusters = res.clusters // 新产生的聚合簇
this.zhou = clusters.map(item => {
const {
center, // 聚合点的经纬度数组
clusterId, // 聚合簇id
markerIds // 已经聚合了的标记点id数组
} = item
return {
...center,
clusterId, // 必须有
joinCluster: true,
width: 1,
height: 1,
alpha: 0, //默认无透明
label: { // 定制聚合点样式
content: markerIds.length + '',
fontSize: 14,
width: 35,
height: 35,
color: '#ffffff',
bgColor: '#518BFA',
borderRadius: 100,
textAlign: 'center',
anchorX: 0,
anchorY: -20,
}
}
})
// 4. 添加聚合簇标签
mapCtx.addMarkers({
markers: this.zhou,
clear: false, //是否先清空地图上所有的marker
});
uni.hideLoading();
})
2***@qq.com
- 发布：2024-07-29 15:30
- 更新：2024-07-30 15:07
- 阅读：183
1 个回复
DCloud_Android_THB
你是Android还是ios ？请提供一个能复现的最简demo