ridimensionamento di una mappa di google per adattarsi a un gruppo di marcatori

Question

Sto utilizzando la versione V3 di google maps e mi sono chiesto come procedere: ho un array di google.maps.Markers con il loro set di posizioni LatLng.

Vorrei scorrere l'array e trovare i valori min/max di latitudine e longitudine dei marker, centrare e ridimensionare la mappa in modo che tutti i marker si adattino allo schermo, con un piccolo fattore fudge.

In loop attraverso la matrice di indicatori che posso gestire, ma non sono sicuro di come andare centrando e ridimensionando la mappa per adattarli tutti (con una piccola area di contorno circostante, quindi nessun indicatore è allineato contro un bordo).

Non sono sicuro se questo aiuti o importi ma la <div> mappa in cui vive è di 320x200 pixel.

Answer 1

È possibile creare una funzione come

function setBounds() { 

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

Più semplice di così!

Answer 2

Vedi the google.maps.Map fitBounds method

aggiungere tutte le posizioni dei tuoi marcatori a un google.maps.LatLngBounds oggetto vuoto, poi lo chiamano fitBounds su di esso.

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