啞劇多個標記

Question

說我加載新的標誌物從外部來源，它看起來像這樣：

var markersArray = []; 

downloadUrl("eventsxml.php", function(data) { 
     var xml = data.responseXML; 
     var markers = xml.documentElement.getElementsByTagName("marker"); 
     for (var i = 0; i < markers.length; i++) { 
      var name = markers[i].getAttribute("id"); 
      var address = markers[i].getAttribute("id"); 
      var type = markers[i].getAttribute("venue_type"); 
      var point = new google.maps.LatLng(
       parseFloat(markers[i].getAttribute("lat")), 
       parseFloat(markers[i].getAttribute("lng"))); 
      var html = "<b>" + name + "</b> <br/>" + address; 
      var icon = customIcons[type] || {}; 
      var marker = new google.maps.Marker({ 
      map: map, 
      position: point, 
      icon: icon.icon, 
      shadow: icon.shadow 

      }); 
      markersArray.push(marker); 
      bindInfoWindow(marker, map, infoWindow, html); 
     } 
     }); 

我怎麼會去收集範圍的標記，然後淘洗它們全部進入視野一旦他們裝？我在google上搜索了很多東西，但沒有一個解決方案適用於我。

Answer 1

1. 創建一個空的邊界對象（google.maps.LatLngBounds）
2. 所有標記添加到它
3. 用它來確定中心和縮放地圖

事情是這樣的：

var markersArray = []; 
// create an empty bounds object 
var bounds = new google.maps.LatLngBounds(); 

downloadUrl("eventsxml.php", function(data) { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var name = markers[i].getAttribute("id"); 
     var address = markers[i].getAttribute("id"); 
     var type = markers[i].getAttribute("venue_type"); 
     var point = new google.maps.LatLng(
      parseFloat(markers[i].getAttribute("lat")), 
      parseFloat(markers[i].getAttribute("lng"))); 

     // add each marker's location to the bounds 
     bounds.extend(point); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     var icon = customIcons[type] || {}; 
     var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: icon.icon, 
     shadow: icon.shadow 

     }); 
     markersArray.push(marker); 
     bindInfoWindow(marker, map, infoWindow, html); 
    } 
    // center and zoom the map to fit the bounds 
    map.fitBounds(bounds); 
    }); 

要平移到邊界的中心，而不是fitBounds，請使用：

map.panTo(bounds.getCenter()); 

請注意，這不會更改地圖的縮放級別。