javascript - 有没有办法覆盖 Google Directions 服务缩放值？

Question

我正在使用下面的代码获取两点之间的路线:

directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
    }
}

它工作正常，但我不想在绘制路线时更改 map 位置和缩放级别。因此，当我使用不同的纬度和经度值调用上面的代码时，我希望保持 map 位置和缩放级别。任何的想法？

Answer 1

当您创建 DirectionsRenderer 时 ^api-doc ，您可以传递 DirectionsRendererOptions ^api-doc对象到构造函数，或者如果您想在创建后的某个时间更改选项，则可以调用 DirectionsRenderer.setOptions 方法。

您可以使用 DirectionsRendererOptions 对象的 preserveViewport 属性来控制渲染器与 map 的交互方式。将 preserveViewport 设置为 true 将使 map 显示保持不变:

directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setOptions({ preserveViewport: true });
        directionsDisplay.setDirections(response);
    }
}