vue3使用高德地图点聚合功能缩放点位消失

Question

使用高德地图点聚合功能缩放点位消失，刚开始放大是好的，缩小了就报错了
刚进页面可以显示点聚合

点聚合放大可以出来marker点

出来marker点之后再缩小点聚合也可以出来，再缩小之后点聚合和marker点都消失了，还报下面的错误

代码走的是success

 map.plugin(['AMap.MarkerClusterer'], () => {
        try {
          cluster.value = new AMap.MarkerClusterer(map, markersData.value, {
            gridSize: 100,
            clusterByZoomChange: true, // 地图缩放过程中是否聚合。默认值 false。
          });

          if (!cluster.value) {
            console.error('MarkerClusterer not created!');
          } else {
            console.log('MarkerClusterer created successfully');
            cluster.value.setMaxZoom(99);
          }
        } catch (error) {
          console.error('Failed to create MarkerClusterer:', error);
        }
      });

Answer 1

检查高德地图API的版本：确保你使用的是最新版本的高德地图API。有时，问题可能会在旧版本中出现，升级到最新版本可能会修复一些已知的问题。

确保markersData.value数据可靠：检查markersData.value是否包含有效的数据，并且数据格式正确。点聚合功能需要正确的经纬度数据来进行聚合。

调整clusterByZoomChange参数：将clusterByZoomChange设置为false，即在地图缩放过程中不进行聚合操作。这样可以避免缩小地图时出现错误
检查控制台输出错误信息：在控制台中查看具体的错误信息，以便进一步定位问题。根据错误信息，可以尝试搜索相关解决方案或查阅高德地图API文档，以获取更多关于该错误的信息。