创建MarkerCluster实例cluster，将所在的所有坐标缩放到地图视野范围内

问题描述

项目中需要将海量聚合点的所有坐标点缩放到地图视野范围内，准备使用setFitView方法来实现，但关于setFitView的用法官方这样解释：

也就是overlays这个能接受什么类型的参数，但通过尝试想Marker、Polygon、Circle都可以直接设置生效，直接设置MarkerCluster的实例对象却无法生效。例如：

cluster = new AMP.MarkerCluster(map, [...list], {
   gridSize: gridSize, // 设置网格像素大小
   renderClusterMarker: _renderClusterMarker() // 自定义聚合点样式
   renderMarker: _renderMarker // 自定义非聚合点样式
});
//以下操作不生效
map.setFitView([cluster ]);

解决

所以，为了让地图上通过cluster标记的点缩放到地图视野范围内，我用的解决思路就是将list的所有坐标列出，计算出这些点最小的经度，纬度，最大的经度，纬度，将这两坐标点实例化成Marker，然后在使用setFitView方法。方法如下：

//计算覆盖所有点位的最小矩阵区域，将矩形区域作为地图的显示范围
  const calcPointsViewArea = (list) => {
    // 找到所有点位的最大经度、最小经度、最大纬度和最小纬度
    let maxLng = list[0].lnglat[0],
      minLng = list[0].lnglat[0],
      maxLat = list[0].lnglat[1],
      minLat = list[0].lnglat[1];
    let lnglats = list.map((p) => p.lnglat);
    // 遍历二维数组
    lnglats.forEach(([x, y]) => {
      // 更新X轴的最小值和最大值
      minLng = Math.min(minLng, x);
      maxLng = Math.max(maxLng, x);

      // 更新Y轴的最小值和最大值
      minLat = Math.min(minLat, y);
      maxLat = Math.max(maxLat, y);
    });
    let marker1 = new instance.Marker({ position: [minLng, minLat] });
    let marker2 = new instance.Marker({ position: [maxLng, maxLat] });
    map.setFitView([marker1, marker2]);
  };

这样，我想达到的效果就有了，目前使用的是这种解决方法，后面想到更好的再来更新~