javascript - 谷歌地图 API v3 : Fit map to markers while keeping center point fixed

Question

我有以下代码可以将标记列表添加到我的 map 并自动调整边界:

var fitToMarkers = function(markers) {
    var bounds = new google.maps.LatLngBounds();
    var length = markers.length;
    for (var i = 0; i < length; i++) {
        bounds.extend(new google.maps.LatLng(markers[i].lat, markers[i].lng));
        map.fitBounds(bounds);
    }
};

但我真正想做的是首先将 map 置于另一个 Marker 或 LatLng 对象的中心，然后将标记列表添加到 map 并让 map 自动缩小(同时保持原始中心点)直到它适合整个标记列表。

谢谢!

Answer 1

bounds.extend 为您完成大部分工作。添加所有标记后，您将拥有一个包含所有点的 LatLngBounds。您将能够使用 getNorthEast() 和 getSouthWest() 获取此框的 Angular 。使用您的原始中心，您应该能够计算以下内容

1) 沿x轴距离中心最远的点2) 沿y轴距离中心最远的点

如果您沿原始中心反射(reflect)这些值，您应该得到可用于构建新 LatLngBounds 的值。

你边界上的 map.fitBounds 应该完成你正在寻找的东西。