仅当缩放大于某个值时才显示markerOptions的优化且未被弃用的方式

在地图应用中，有时我们希望在缩放级别达到一定程度时才显示标记（marker）。这可以提高地图的性能，尤其是在缩放级别较低、标记数量较多的情况下。以下是一种优化且未被弃用的方式来实现这一功能：

使用 google.maps.event.addListener 监听缩放事件

1. 初始化地图和标记： 首先，初始化地图并创建标记，但不要立即将其添加到地图上。
2. 监听缩放事件： 使用 google.maps.event.addListener 监听地图的缩放事件。
3. 根据缩放级别显示或隐藏标记： 在缩放事件的回调函数中，检查当前的缩放级别，并根据需要显示或隐藏标记。

以下是一个示例代码：

function initMap() {
  const map = new google.maps.Map(document.getElementById('map'), {
    center: { lat: -34.397, lng: 150.644 },
    zoom: 8
  });

  // 创建标记，但不要立即添加到地图上
  const marker = new google.maps.Marker({
    position: { lat: -34.397, lng: 150.644 },
    map: null, // 初始时设置为null
    title: 'Hello World!'
  });

  // 监听缩放事件
  google.maps.event.addListener(map, 'zoom_changed', function() {
    const zoomLevel = map.getZoom();

    if (zoomLevel >= 10) {
      // 如果缩放级别大于等于10，显示标记
      marker.setMap(map);
    } else {
      // 否则隐藏标记
      marker.setMap(null);
    }
  });
}

解释

• 初始化地图：创建一个地图实例并设置初始中心点和缩放级别。
• 创建标记：创建一个标记实例，但将其 map 属性初始设置为 null，这样标记就不会立即显示在地图上。
• 监听缩放事件：使用 google.maps.event.addListener 监听地图的 zoom_changed 事件。
• 根据缩放级别显示或隐藏标记：在缩放事件的回调函数中，获取当前的缩放级别，并根据条件使用 marker.setMap(map) 或 marker.setMap(null) 来显示或隐藏标记。

这种方法不仅优化了性能（特别是在标记数量较多时），而且使用了 Google Maps JavaScript API 的标准方法，确保代码在未来不会被弃用。

注意事项

• 确保你已经正确引入了 Google Maps JavaScript API。
• 根据实际需求调整缩放级别的阈值（例如，示例中使用的阈值是10）。