如何通過數組獲取多個值並將此地點顯示在Google地圖中？

Question

我正在基於NodeJS的Meteor項目中工作，我需要通過Google Maps API在地圖上創建「標記」（Places）。 這些標記都處於「列表」陣列

var list = Offers.find({}); 

list = [ 
{ 
    place: "Teste2", 
    offer: "Teste Offer2", 
    loc: { 
    coordinates: [-50.1681836, -25.0869446] 
    } 
}, 
{ 
    place: "Teste1", 
    offer: "Teste Offer1", 
    loc: { 
    coordinates: [-40.1681836, -20.0869446] 
    } 
}]; 

而且這些相應的位置必須在地圖上顯示，憑藉其各自的標記的每個位置...

var count = 0; 
list.forEach(function(offer) { 
console.log(offer); 
    // Animation Timeout 
    setTimeout(function() { 
    // Create the string into the infowindow 
    var contentString = '<p><strong>' + offer.place + '</strong></p>' + 
    '<p>' + offer.offer + '</p>'; 

    // Create the infowindow object 
    var infowindow = new google.maps.InfoWindow({ 
     content: contentString 
    }); 

    // Add the marker on the map 
    var marker = new google.maps.Marker({ 
     position: {lat: offer.loc.coordinates[1], lng: offer.loc.coordinates[0]}, 
     map: map.instance, 
     animation: google.maps.Animation.DROP 
    }); 

    // Add the infowindow for each marker 
    marker.addListener('click', function() { 
     infowindow.setContent(contentString); 
     infowindow.open(map, marker); 
    }); 
    }, count * 200); 

    count++; 
}); 

然而，僅僅示出了僅第一個數組位置（「Teste2」），而不是所有的多個值由「list」。

Answer 1

可能是因爲您正在使用infowindow變量而沒有任何聲明。

marker.addListener('click', function() { 
    infowindow.setContent(contentString); 
    infowindow.open(map, marker); 
}); 

之前創建你的循環一個信息窗口對象設置標記聽者這樣的：

let infowindow = new google.maps.InfoWindow({ 
    content: contentString 
}); 

More information in the Google Maps API documentation

編輯

變化還有那些線

list.forEach(function(offer, index) { // <--- change for index 
    console.log(offer); 
    // [...] 

    // Add the infowindow for each marker 
    marker.addListener('click', function() { 
    infowindow.setContent(contentString); // <--- remove this one 
    infowindow.open(map, marker); // <--- map or map.instance ?? 
    }); 

    // Animation Timeout 
    setTimeout(function() { 
    // [...] 
    }, index * 200); // <--- change for index 
}); 

之後，您可以刪除所有count引用。

對於infowindow.open(map, marker)，map引用應該與標記相同。

new google.maps.Map()是什麼變量？ map.instance或map？