在Google Maps API v3的循环中添加标记侦听器?

问题描述

| 我有一堆标记,希望为每个标记添加一个鼠标悬停处理程序。我正在遍历坐标,创建新标记,然后添加处理程序。我希望在处理程序中使用特定的ID修改DOM元素。 问题是,即使在循环中id在每次迭代中都在变化,实际应用的处理程序都使用最后生成的postId。
for(i in results)
{
    r=results[i][0];
    var postId=results[i][1]; // Different for each i
    if (status == google.maps.GeocoderStatus.OK) 
    {
        markers.push(new google.maps.Marker({
            map: map,position: r[0].geometry.location
        }));
        console.log(postId); 
        google.maps.event.addListener(markers[markers.length-1],\'mouSEOver\',function() {
            console.log(postId);
        });
    } 
}
问题是,无论我将鼠标悬停在哪个标记上,postId都将被打印为“ 1”。 但是,当我遍历循环时,每次的postId都不相同。 控制台输出
21
20
12
10
9
3
2
1
但是,当我将鼠标悬停在标记上时,它总是显示1。     

解决方法

        那是因为您创建了一个所有听众共享的全局
postId
。您可以这样创建私有版本:
(function () {
    var postId=results[i][1];
    google.maps.event.addListener(markers[markers.length-1],\'mouseover\',function() {
        console.log(postId);
    });
})();