Google maps api 3 如何在谷歌地图上显示所有标记(API v3)

Google maps api 3 如何在谷歌地图上显示所有标记(API v3),google-maps-api-3,Google Maps Api 3,我想在谷歌地图上显示所有标记,但循环只显示最后一条记录。你怎么能修好它 function initMap() { for (i = 0; i < markers.length ; i++) { var location = {lat: markers[i][0], lng: markers[i][1]}; var map = new google.maps.Map(document.getElementById('map'), {

我想在谷歌地图上显示所有标记,但循环只显示最后一条记录。你怎么能修好它

function initMap() {
     for (i = 0; i < markers.length ; i++) { 
        var location = {lat: markers[i][0], lng: markers[i][1]};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: location
        });
        var marker = new google.maps.Marker({
          position: location,
          // prevent the user move the marker
          draggable: false,
          map: map
        });
      }
      }
函数initMap(){
对于(i=0;i
您每次都在循环中创建贴图。因此,只能看到最后一个标记。将创建贴图的代码移到循环之外

function initMap() {
   var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: {lat: markers[0][0], lng: markers[0][1]}
    });

 for (i = 0; i < markers.length ; i++) { 
    var location = {lat: markers[i][0], lng: markers[i][1]};

    var marker = new google.maps.Marker({
      position: location,
      // prevent the user move the marker
      draggable: false,
      map: map
    });
  }
 }
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:10,
中心:{lat:markers[0][0],lng:markers[0][1]}
});
对于(i=0;i
如果希望放大地图以查看所有标记,则可以使用该类