Zoom To Multiple Markers bounds not working

Question

Я привязываю, чтобы добавить некоторые маркеры на карту, которая работает нормально, но я не могу установить карту для увеличения до границ (расширений) всех маркеров. Не могли бы вы сообщить мне, что я делаю неправильно?

// Multiple Markers 
var markers = [ 
    ['Tacloban', 11.247524,125.00463], 
    ['Guiuan', 11.034212,125.731659], 
    ['Ormoc', 11.026798,124.600754], 
    ['Cebu', 10.31019,123.881836], 
    ['Roxas', 11.59036,122.763977] 

]; 
    google.maps.event.addDomListener(document.getElementById('alloffice'), 'click', function() { 
    map.setCenter(latlngOfficeAall); 
    map.setZoom(8); 
// Loop through our array of markers & place each one on the map 
    for(i = 0; i < markers.length; i++) { 
     var position = new google.maps.LatLng(markers[i][1], markers[i][2], markers[i][3], markers[i][4], markers[i][5]); 
     bounds.extend(position); 
     marker = new google.maps.Marker({ 
      position: position, 
      map: map, 
      title: markers[i][0] 
     }); 
     } 

    }); 

Answer 1

Вы должны сказать карту до центра и масштаба, чтобы соответствовать границы с map.fitBounds(bounds)

// Multiple Markers 
var markers = [ 
    ['Tacloban', 11.247524,125.00463], 
    ['Guiuan', 11.034212,125.731659], 
    ['Ormoc', 11.026798,124.600754], 
    ['Cebu', 10.31019,123.881836], 
    ['Roxas', 11.59036,122.763977] 

]; 

google.maps.event.addDomListener(document.getElementById('alloffice'), 'click', function() { 
    var bounds = new google.maps.LatLngBounds(); 
    // Loop through our array of markers & place each one on the map 
    for(i = 0; i < markers.length; i++) { 
    var position = new google.maps.LatLng(markers[i][1], markers[i][2], markers[i][3], markers[i][4], markers[i][5]); 
    bounds.extend(position); 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0] 
    }); 
    } 
    map.fitBounds(bounds); 
}); 

working example