調整谷歌地圖，以適應一組標記

Question

我使用谷歌地圖的V3版本，並想知道如何去做這件事 - 我有一個google.maps.Markers和他們的LatLng陣列設置數組。

我想遍歷數組並找到標記的最小/最大經度和緯度值，然後對地圖進行居中和調整大小，以便所有標記都適合屏幕，並具有小巧的因子。

通過標記數組循環遍歷標記數組我可以處理，但我不確定如何去定位和調整地圖的大小以適合它們（圍繞一個小的邊界區域，因此沒有標記與邊緣齊平）。

我不確定這是否有幫助或重要，但<div>地圖居住的是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); 
} 

就這麼簡單！

Answer 2

見the google.maps.Map fitBounds method

您標記的所有位置添加一個空google.maps.LatLngBounds對象，然後調用它fitBounds。

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