0

我在地图上显示多个标记时遇到问题。代码首先遍历一个数组,然后在显示标记并将 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); 

问题是只显示了我的最后一个标记。

我错过了什么?:(

非常感谢。

4

1 回答 1

0

您的标记变量是全局的,地理编码是异步的。循环执行,触发 useNowArray.length 请求,每个请求都使用结果位置更新全局标记。循环完成后,标记将留在循环中的最后一个位置。与该问题的解决方案类似的问题:

于 2012-11-20T00:43:57.777 回答