uni-app nvue地图设置聚合效果后，到最大层级如何取消聚合效果，点距离太近，尝试监听scale的值改变giedSize无效

在 uni-app 的 nvue 中，使用地图组件时，如果你设置了聚合效果（例如使用 marker 的 cluster 功能），在放大到最大层级时，你可能会希望取消聚合效果，以便更清晰地展示每个标记点。然而，直接监听 scale 的值并动态调整 giedSize 可能无法达到预期的效果。

以下是一些可能的解决方案：

1. 动态调整 giedSize

你可以尝试在监听地图缩放事件时，动态调整 giedSize 的值。当缩放层级达到最大值时，将 giedSize 设置为一个足够小的值，以取消聚合效果。

// 监听地图的缩放事件
map.on('zoomchange', (e) => {
  const zoomLevel = e.zoom;
  const maxZoomLevel = 18; // 假设最大缩放层级为18

  if (zoomLevel >= maxZoomLevel) {
    // 设置一个足够小的 giedSize 来取消聚合效果
    map.setGiedSize(1);
  } else {
    // 恢复正常的 giedSize
    map.setGiedSize(100);
  }
});

2. 使用 marker 的 cluster 属性

如果你使用的是 marker 的 cluster 属性，可以在达到最大缩放层级时，手动取消 cluster 属性，并重新添加 marker。

map.on('zoomchange', (e) => {
  const zoomLevel = e.zoom;
  const maxZoomLevel = 18; // 假设最大缩放层级为18

  if (zoomLevel >= maxZoomLevel) {
    // 取消聚合效果
    map.clearMarkers();
    map.addMarkers(markers, { cluster: false });
  } else {
    // 恢复聚合效果
    map.clearMarkers();
    map.addMarkers(markers, { cluster: true });
  }
});

3. 使用 marker 的 zIndex 属性

如果点距离太近，你可以通过调整 marker 的 zIndex 属性来控制它们的显示顺序，以避免重叠。

markers.forEach((marker, index) => {
  marker.zIndex = index;
});
map.addMarkers(markers);

4. 使用 marker 的 offset 属性

如果点距离太近，你可以通过调整 marker 的 offset 属性来微调它们的位置，以避免重叠。

markers.forEach((marker, index) => {
  marker.offset = { x: index * 10, y: index * 10 };
});
map.addMarkers(markers);

5. 使用 marker 的 icon 属性

如果点距离太近，你可以通过调整 marker 的 icon 属性来使用不同的图标，以区分不同的点。

markers.forEach((marker, index) => {
  marker.icon = 'path/to/icon' + index + '.png';
});
map.addMarkers(markers);