Come i cerchi della mappa di Google si adattano alla mappa

Question

Abbiamo un filtro di ricerca distante. Ha una vista sulla mappa che consente di impostare il marker di base e la casella di testo di input che consente di inserire la distanza in chilometri.

Quindi in viewport usiamo circle per mostrare questa distanza sulla mappa.

Domanda, come posso ingrandire la mappa in modo che si adatti al cerchio?

Answer 1

A google.maps.Circle ha un metodo getBounds() che restituisce lo LatLngBounds della cerchia. È possibile utilizzare questo limite come argomento per google.maps.Map.fitBounds()

Se si utilizza un cerchio, si può fare questo:

map.fitBounds(circle.getBounds()); 

... alla fine della init funzione.

http://jsfiddle.net/doktormolle/MHLjy/

Answer 2

Per più circoli utilizzare unione invece di estendere :

var bounds = new google.maps.LatLngBounds(); 

$.each(circles, function(index, circle){ 
    bounds.union(circle.getBounds()); 
}); 

map.fitBounds(bounds);