google-maps-api-3 - 调整谷歌地图的大小以适应一组标记

Question

我正在使用谷歌地图的 V3 版本，并且想知道如何去做——我有一个 google.maps.Markers 的数组与他们的LatLng位置设置。

我想遍历数组并找到标记的最小/最大纬度和经度值，并将 map 居中并调整大小，使所有标记都适合屏幕，并带有一个小的软糖因子。

循环遍历我可以处理的标记数组，但我不确定如何将 map 居中并调整其大小以适应所有 map (周围有一个小的边界区域，因此没有标记与边缘齐平。)

我不确定这是否有帮助或重要，但 <div> map 所在的位置为 320x200 像素。

Answer 1

您可以创建一个函数，如

function setBounds() {

    var bounds = new google.maps.LatLngBounds();
    for (var i=0; i < markersArray.length; i++) {
        bounds.extend(markersArray[i].getPosition());
    }
    map.fitBounds(bounds);
}

就如此容易!