如何在渲染驾车路线后禁用Google Maps地图缩放功能？

嘿，我看了你的问题和代码片段，咱们来搞定这个地图缩放的困扰！

你提到设置了preserveViewport: true但没有效果，这种情况其实偶尔会发生——有时候Google Maps的DirectionsRenderer在某些场景下（比如首次渲染路线，或者路线范围和当前视图差异较大时），内部逻辑可能会忽略这个配置，自动调整地图视图。

这里给你两个可靠的解决方案：

方案一：确保preserveViewport配置被正确应用 #

有时候初始化时的配置可能因为某些原因没有被完全生效，你可以在调用setDirections之前，再明确设置一次选项，强化这个配置：

function handleDirectionResults(result, status) {
  if (status === 'OK') {
    // 先确认preserveViewport的设置
    directionsDisplay.setOptions({ preserveViewport: true });
    directionsDisplay.setDirections(result);
  } else {
    console.log(status);
  }
}

方案二：手动保存并恢复地图视图（最可靠） #

如果方案一还是不行，咱们直接“硬冻结”地图——在请求路线前先保存当前地图的中心和缩放级别，渲染完成后立即恢复：

function markerClicked(destinationLocation) {
  // 保存当前地图的状态
  const savedCenter = map.getCenter();
  const savedZoom = map.getZoom();

  const directionsRequest = { 
    origin: sourceLocation, 
    destination: destinationLocation, 
    travelMode: 'DRIVING' 
  };

  directionsService.route(directionsRequest, function(result, status) {
    if (status === 'OK') {
      directionsDisplay.setDirections(result);
      // 强制恢复之前的地图视图
      map.setCenter(savedCenter);
      map.setZoom(savedZoom);
    } else {
      console.log(status);
    }
  });
}

这个方法完全绕过API的自动调整逻辑，不管路线范围多大，都能保持你想要的地图视角，绝对能实现你要的“冻结”效果。

另外你可以检查下createSourceMarker()和createDestinationMarkers()这两个函数里，有没有调用map.setCenter()或者map.setZoom()之类的代码，如果有的话，也要确保这些操作不会在渲染路线后干扰视图哦。

内容的提问来源于stack exchange，提问作者Harlow