Google maps API V3 método fitBounds()

Question

Tengo este código que representa un mapa.

function initialize() { 
    var myOptions = { 
     center: new google.maps.LatLng(45.4555729, 9.169236), 
     zoom: 13, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 

panControl: true, 
mapTypeControl: false, 
panControlOptions: { 
      position: google.maps.ControlPosition.RIGHT_CENTER 
     }, 
zoomControl: true, 
zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, 
    position: google.maps.ControlPosition.RIGHT_CENTER 
}, 
scaleControl: false, 
streetViewControl: false, 
streetViewControlOptions: { 
    position: google.maps.ControlPosition.RIGHT_CENTER 
      } 
     }; 
    var map = new google.maps.Map(document.getElementById("mapCanvas"), 
     myOptions); 



var Item_1 = new google.maps.LatLng(45.5983128 ,8.9172776); 

var myPlace = new google.maps.LatLng(45.4555729, 9.169236); 

var marker = new google.maps.Marker({ 
    position: Item_1, 
    map: map}); 

var marker = new google.maps.Marker({ 
    position: myPlace, 
    map: map}); 

var bounds = new google.maps.LatLngBounds(myPlace, Item_1); 
map.fitBounds(bounds); 

    } 

Incluso si los dos puntos están separados de 25 kilometros puedo obtener este resultado:

Aunque me gustaría hacer un zoom nivel superior.

gusta esta

uso el método fitBounds()

var bounds = new google.maps.LatLngBounds(myPlace, Item_1); 
    map.fitBounds(bounds); 

, gracias por su apoyo

Answer 1

Esto sucede porque LatLngBounds() no toma dos puntos arbitrarios como parámetros, pero los puntos SW y NE

usar el método .extend() en un objeto vacío límites

var bounds = new google.maps.LatLngBounds(); 
bounds.extend(myPlace); 
bounds.extend(Item_1); 
map.fitBounds(bounds); 

demo en http://jsfiddle.net/gaby/22qte/

Answer 2

LatLngBounds debe definirse con puntos en (sur-oeste, noreste) orden. Tus puntos no están en ese orden.

El arreglo general, especialmente si usted no sabe los puntos serán definitivamente en ese orden, es extender una grada vacías:

var bounds = new google.maps.LatLngBounds(); 
bounds.extend(myPlace); 
bounds.extend(Item_1); 
map.fitBounds(bounds); 

La API resolver los límites.

Answer 3

Tengo el mismo problema que usted describe aunque estoy construyendo mis LatLngBounds según lo propuesto anteriormente. El problema es que las cosas son asíncrono y llamando map.fitBounds() en el momento equivocado le puede dejar con un resultado como en el P. La mejor manera que he encontrado es para realizar la llamada en un controlador inactivo como esto:

google.maps.event.addListenerOnce(map, 'idle', function() { 
    map.fitBounds(markerBounds); 
}); 

Answer 4

var map = new google.maps.Map(document.getElementById("map"),{ 
       mapTypeId: google.maps.MapTypeId.ROADMAP 

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

for (i = 0; i < locations.length; i++){ 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
      map: map 
     }); 
bounds.extend(marker.position); 
} 
map.fitBounds(bounds);