我在地图上显示多个标记时遇到问题。代码首先遍历一个数组,然后在显示标记并将 infoWindow 的内容设置为返回的地址之前对 lat、lon 值进行反向地理编码。
我的代码如下。
for(var i=0; i < useNowArray.length; i++) {
// plot useNow on map
latlng = new google.maps.LatLng(useNowArray[i]['lat'], useNowArray[i]['lon']);
console.log(useNowArray[i]['lat'] + useNowArray[i]['lon']);
geocoder.geocode({'latLng': latlng}, function(results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
if (results[0])
{
marker = new google.maps.Marker({
position: latlng,
map: map,
icon: 'http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png',
title: results[0].formatted_address
});
content = results[0].formatted_address;
console.log(content);
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(content);
infowindow.open(map, this);
}
})(marker, i));
}
} else {
alert("Geocoder failed due to: " + status);
}
}); // end geocode function
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
问题是只显示了我的最后一个标记。
我错过了什么?:(
非常感谢。