while
while
  • 发布:2024-03-19 14:31
  • 更新:2024-03-19 19:37
  • 阅读:247

地图的点聚合如何在缩放到最大层级取消聚合效果

分类:HBuilderX

地图的点聚合如何在缩放到最大层级取消聚合效果

2024-03-19 14:31 负责人:无 分享
已邀请:
JXWang

JXWang

可以通过监听地图缩放事件,判断当前缩放的层级是否是最大层级,如果是最大层级,重置一下所有标记点,joinCluster 设置成 false 不参与聚合。

  • while (作者)

    我这样设置过的,当所有点的joinCluster 设置成 false后,点是出来了,但是聚合的那个背景还在,并且点击marker触发不了点击事件

    2024-03-19 19:27

  • while (作者)

    大佬,还有其它方法没,比如说取消聚合,我发现重新设置gridSize的值也没有效果

    2024-03-19 19:30

  • while (作者)

    而且不是最大层级后,把点的值重新设置为true,不聚合了

    2024-03-19 19:32

while

while (作者) - 为3


this._mapContext.initMarkerCluster({  
            enableDefaultStyle: false,  
            zoomOnClick: false,  
            gridSize: that.gridSize,  
            complete(res) {  
              console.log('initMarkerCluster', res)  
            }  
        });  
        this._mapContext.on("markerClusterCreate", (clu) => {  
            console.log("markerClusterCreate", clu);  
            this._mapContext.getScale({  
                success: function(res) {  
                    console.log(res.scale)  
                    that.mapscale = res.scale  
                    if (res.scale === 20) {  
                        that.gridSize = 1  
                        that.cover.forEach(item => item.joinCluster = false)  
                        that.covers = that.cover  
                        console.log(that.covers[0])  
                        // that.$set(that.gridSize, 30, 1)  
                        // that._mapContext = {}  
                        // that._mapContext = uni.createMapContext("maps", this);  
                        // that._mapContext.initMarkerCluster({  
                        //  enableDefaultStyle: true,  
                        //  zoomOnClick: true,  
                        //  gridSize: 1,  
                        //  complete(res) {  
                        //    console.log('initMarkerCluster', res)  
                        //  }  
                        // });  
                    } else {  
                        // that.gridSize = 30  
                        // that.cover.forEach(item => item.joinCluster = true)  
                        // that.covers = that.cover  
                        // that._mapContext.initMarkerCluster({  
                        //  enableDefaultStyle: true,  
                        //  zoomOnClick: true,  
                        //  gridSize: 30,  
                        //  complete(res) {  
                        //    console.log('initMarkerCluster', res)  
                        //  }  
                        // });  
                    }  
                }  
            })  
        });```
while

while (作者) - 为3

大概就是图片中这样的现象

要回复问题请先登录注册