Google Maps V3 api仅显示Javascript Loop中的一些标记

Question

我一直在搜索Google Map Api关于此问题的所有回复，以及未能提出解决方案。

我有一个javascript数组“js_pickup_location_info”17个对象，包括所有的lat long info。我试图遍历并在谷歌地图上显示所有17个标记。但是，地图上只显示了17个标记中的8个。以下是代码。

感谢您的任何帮助。

function initialize() { 
    var myLatlng = new google.maps.LatLng(myLat,myLong); 
    var mapOptions = { 
     zoom: 14, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
    var c= js_pickup_location_info.length; 
    console.log(c); 
    for (var i=0; i<c; i++){ 

     pickup_id= js_pickup_location_info[i]['pickup_id']; 
     pickup_latlng= new google.maps.LatLng(js_pickup_location_info[i]['latitude'],js_pickup_location_info[i]['longitude']); 
     contentString= '<div id="content">'+ 
       '<div id="siteNotice">'+ 
       '</div>'+ 
       '<h2 id="firstHeading" class="firstHeading">'+js_pickup_location_info[i]['address']+'</h2>'+ 
       '<div id="bodyContent">'+ 
       '<p>'+js_pickup_location_info[i]['pickup_day']+'</p>'+ 
       '<p>HOLDER Insert Ajax Link</p>'+ 
       '</div>'+ 
       '</div>'; 

     var infowindow = new google.maps.InfoWindow({ 
       content: contentString 
       // could add size: new google.maps.Size(50,50) 
      }); 
     var marker = new google.maps.Marker({ 
       position: pickup_latlng, 
       map: map, 
       title: pickup_id 
      }); 

     google.maps.event.addListener(marker, 'click', function() { 
       infowindow.open(map,marker); 
      }); 
      } 
     } 


function loadScript() { 
    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyCH-RktY6ZGD8AlwxEzzF28nzCrRMjEfjE&sensor=false&callback=initialize"; 
    document.body.appendChild(script); 
} 

window.onload = loadScript; 

Answer 1

变量范围的问题，修改以下部分给出波纹管，它应该工作

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(this.html); 
    infowindow.open(map, this); 
});