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", (e) => {
console.log("markerClusterCreate", e);
});
this.addMarkers();
this.markers = [];
// 优先绘制地图轮廓
let mapDatas = new Array;
// 整理数据
mapData.mapData.features[0].geometry.coordinates[0][0].forEach(item=>{
mapDatas.push({
latitude: item[1],
longitude: item[0]
})
})
this.polygons = [{
points: mapDatas,
strokeWidth: 2, // 描边的宽度
dottedLine: true, // 是否为虚线
strokeColor: '#7497f7', // 描边的颜色
fillColor: '#a9b5f894', // 填充颜色
}];
res.data.lists.forEach((item, index) => {
// 添加标记点位
this.markers.push({
...item,
id: item.id,
longitude: Number(item.point_info.lng),
latitude: Number(item.point_info.lat),
iconPath: '/static/img/logo.png',
size: '30',
height: '30',
title: item.point_info.point || item.point_info.point_name,
joinCluster: true, // 指定了该参数才会参与聚合
type: 'AUTO',
customCallout: {
anchorY: 0, // Y轴偏移量
anchorX: 0, // X轴偏移量
display: 'ALWAYS', // 一直展示
}
})
})
this._mapContext.addMarkers({
markers: this.markers,
clear: false,
complete(res) {
}
})
a***@qq.com
- 发布：2023-10-09 15:30
- 更新：2024-12-23 14:37
- 阅读：190
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： WIN10
HBuilderX类型： 正式
HBuilderX版本号： 3.7.3
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米9
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
App下载地址或H5⽹址： https://www.pgyer.com/4jh2Lt
示例代码：
操作步骤：
进入程序后进入水质地图，放大缩小或者一直缩小地图，程序就会闪退
进入程序后进入水质地图，放大缩小或者一直缩小地图，程序就会闪退
预期结果：
不闪退
不闪退
实际结果：
程序闪退
程序闪退
bug描述：
多点位点聚合时，放大缩小会造成程序闪退
