google 地图问题地图上没有显示任何标记

Question

我创建了以下 js fiddle。任何人都可以看看有什么问题我看到数据一直传递到 markers.push(marker) 但地图上没有显示任何内容？

这可能有点愚蠢，但我不明白它可能是什么。

 var locations = [
  ['William T Morrisey Blvd', -42.319081, -71.048592, 6],
  ['William T Morrisey Blvd', -42.319081, -71.048592, 5],
  ['TD Garden', 42.369952, -71.061723, 4],
  ['Terminal C Logan Airport', 42.366906, -71.016455, 3],
  ['Cambridge', 42.373570, -71.110249, 2],
  ['Hardvard', 42.376883, -71.116773, 1]
];

var map;
var markers = []; 

function setMarkers(locations) {



for (i = 0; i < locations.length; i++) {
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][2], locations[i][3]),
    map: map,
    animation: google.maps.Animation.DROP,
    title: 'Hello World!',
  });
    markers.push(marker);


  console.log(locations);

}
}


function initialize() {

   var latlng = new google.maps.LatLng(42.3520576,-71.0726147);


       var myOptions = {
                            zoom: 13,
                            center: latlng,
                            mapTypeId: google.maps.MapTypeId.ROADMAP,
                            disableDefaultUI: false,
                            scrollwheel: true,
                    };



var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);

    setMarkers(locations);


            }

    initialize();

JS FIDDLE:

http://jsfiddle.net/p646xmcr/498/

Answer 1

你在错误的地方重新声明了函数中的 map var

function initialize() {

  var latlng = new google.maps.LatLng(42.3520576, -71.0726147);


  var myOptions = {
    zoom: 13,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: false,
    scrollwheel: true,
  };



 //      var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);
 //remove ^^ this var declaration 

  map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);

 setMarkers(locations);


}

google 地图问题地图上没有显示任何标记

google maps issue no markers showing up on map

javascript

google-maps

marker