uniapp nvue map组件点聚合自定义样式,安卓app端的点聚合无限增加,并且也没有自定义的样式
onReady() {
this._mapContext = uni.createMapContext("map", this);
// 仅调用初始化,才会触发 on.("markerClusterCreate", (e) => {})
this._mapContext.initMarkerCluster({
enableDefaultStyle: false, // 是否使用默认聚合样式
zoomOnClick: true,
gridSize: 60,
complete(res) {
console.log('initMarkerCluster', res)
}
});
this._mapContext.on("markerClusterCreate", (res) => {
// 此处无限循环
console.log("markerClusterCreate", res);
const clusters = res.clusters
const markers = clusters.map(cluster => {
const {
center,
clusterId,
markerIds
} = cluster
return {
...center,
width: 0,
height: 0,
clusterId,
joinCluster: true, //核心代码,没有这个自定义样式就不会生效
iconPath: '/static/common/station.png',
label: {
content: markerIds.length + '',
fontSize: 16,
color: '#fff',
width: 50,
height: 50,
bgColor: '#00868C',
borderRadius: 25,
textAlign: 'center',
anchorX: -25,
// anchorY: -50,
}
}
})
this._mapContext.addMarkers({
markers,
clear: false,
complete(res) {
console.log('clusterCreate addMarkers', res)
}
})
this.markers.concat(markers)
console.log(markers)
})
}
4***@qq.com (作者)
代码是参考另一位官方提供的修改点聚合样式的代码:https://ask.dcloud.net.cn/question/149683
2022-08-04 10:46
4***@qq.com (作者)
是vue2,附件已上传,包含复现视频以及测试代码
2022-08-04 10:51
DCloud_UNI_Anne
回复 4***@qq.com: 未复现你的问题,请提供可直接运行的最小化复现示例(上传附件)
2022-08-04 12:02
4***@qq.com (作者)
回复 DCloud_UNI_Anne: 已经上传测试项目压缩包,解压后可以运行到安卓手机查看,apk包超出附件上传大小限制。问题复现:点聚合直接不显示,或是一直无限循环增加
2022-08-04 14:00
4***@qq.com (作者)
回复 DCloud_UNI_Anne: 请问可以复现吗,是否在处理中呢
2022-08-08 13:38