8***@qq.com
8***@qq.com
  • 发布:2024-06-23 09:40
  • 更新:2024-06-23 09:40
  • 阅读:27

【报Bug】map地图聚合点自定义样式不稳定

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 4.15

手机系统: Android

手机系统版本号: Android 13

手机厂商: 华为

手机机型: honor 20i

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

//onReady() {
// let that = this;
// this.mapContext = uni.createMapContext("alarm_map", this);
// // 点聚合的初始化配置
// this.mapContext.initMarkerCluster({
// enableDefaultStyle: false, // 是否启用默认的聚合样式(是否用自定义图标)
// zoomOnClick: false,//点击已经聚合的标记点时是否实现聚合分离
// gridSize: 60,//聚合算法的可聚合距离,即距离小于该值的点会聚合至一起,以像素为单位
// complete(res) {
// }
// });

        //      // 3.发生聚合时,给聚合点设置marker标签  
        //      that.mapContext.on('markerClusterCreate', res => {  
        //          let clusters = res.clusters // 新产生的聚合簇  
        //          let zhou = clusters.map(item=> {  
        //              let {  
        //              center, // 聚合点的经纬度数组  
        //              clusterId, // 聚合簇id  
        //              markerIds // 已经聚合了的标记点id数组  
        //              } = item  
        //              return {  
        //                  ...center,  
        //                  width: 49,  
        //                  height: 60,  
        //                  joinCluster:false,  
        //                  clusterId:Number(clusterId), // 必须有  
        //                  iconPath: '/appmanage/icon2.png',  
        //                  label: { // 定制聚合点样式  
        //                      content: String(markerIds.length),  
        //                      fontSize: 20,  
        //                      width: 42,  
        //                      height: 42,  
        //                      color: '#000',  
        //                      bgColor: '#A2FF1C',  
        //                      borderRadius: 23,  
        //                      textAlign: 'center',  
        //                      anchorX: Number((that.platform=='ios'?0:-21)),  
        //                      anchorY: -56  
        //                  }  
        //              }  
        //          })  
        //          // 4. 添加聚合簇标签  
        //          that.mapContext.addMarkers({  
        //              markers: zhou,  
        //              clear: false //是否先清空地图上所有的marker  
        //          })  

        //      })  

        // //监听聚合点的点击  
        // that.mapContext.on('markerClusterClick', (result) => {  
        //  let userList = [];  
        //  result.markerIds.map(item=>{  
        //      userList.push(that.list[item]);  
        //  })  
        //  that.userList = userList;  
        //  that.userShow = true;  
        //  that.$refs.userPopup.open("center");  
        // });  
    //},

操作步骤:

安卓手机号第一次启动都不能监听到

预期结果:

时刻都可以监听到

实际结果:

偶尔可以监听到

bug描述:

1.map地图在安卓手机上的聚合点设置label以后,点击聚合点以后,label就消失了,再次点击会出现,在点击就消失了,这个效果如何去掉,如果让他不消失

2.map的开启聚合点,监听markerClusterCreate的事件,有的时候可以监听到,有的时候监听不到是为什么?

2024-06-23 09:40 负责人:无 分享
已邀请:

要回复问题请先登录注册