jion
jion
  • 发布:2022-07-22 18:06
  • 更新:2022-07-25 17:12
  • 阅读:746

点聚合样式样式如何修改

分类:nvue
map

点聚合样式样式如何修改

2022-07-22 18:06 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

  1. 地图上的 marker 分为普通的 marker 与参与聚合的 marker,参与聚合时需指定属性 joinCluster 为 true;
  2. 自定义聚合簇样式时,同样通过 MapContext.addMarkers 进行绘制,此时需携带 clusterId,label 对应的样式就是聚合簇样式

下面是伪代码,主要看下逻辑

this.mapCtx.on('markerClusterCreate', res => {  
      console.log('clusterCreate', res)  
      const clusters = res.clusters  
      const markers = clusters.map(cluster => {  
        const {  
          center,  
          clusterId,  
          markerIds  
        } = cluster  
        return  {  
          ...center,  
          width: 0,  
          height: 0,  
          clusterId, // 必须  
          label: {  
            content: markerIds.length + '',  
            fontSize: 20,  
            width: 60,  
            height: 60,  
            bgColor: '#00ff00',  
            borderRadius: 10,  
            textAlign: 'center',  
            anchorX: 0,  
            anchorY: 0,  
          }  
        }  
      })  
      this.mapCtx.addMarkers({  
        markers,  
        clear: false,  
        complete(res) {  
          console.log('clusterCreate addMarkers', res)  
        }  
      })  
    })
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

  • DCloud_iOS_XHY

    你好,官方有提供现成的方法,可以推荐使用自己的插件,但是不要误导别人哦

    2022-07-25 17:13

该问题目前已经被锁定, 无法添加新回复