1

我的谷歌地图上有几个标记。每个都有文本，当它以信息窗口的形式单击时应显示。所有这些的代码如下。然而，问题是，当我单击地图上的任何标记时，它总是与地图放大的标记相同，并且会弹出相同标记的 infoWindow。无论我在哪里点击它总是一样的。

想知道我是否做错了什么。有人可以给我一些建议吗？

  function getlistings()  
   {  
     $.getJSON('list/listings.json', processlistings);  
   }  



function processlistings(data)   
{  
    listings = data;  
    markersArray = [];  
    for( i = 0; i < listings.length; i++)   
    {  
        var listing = listings[i];  
        var markerLatLng = new google.maps.LatLng(parseFloat(listing["latitude"]), parseFloat(listing["longitude"]));  
        marker = new google.maps.Marker({  
            position : markerLatLng,  
            title: listing['name'],  
            map : map  
        });  

    var infowindow = new google.maps.InfoWindow(  
        {  
          content: listing['name'],  
          position: markerLatLng  
        });  

    google.maps.event.addListener(marker, 'click', function()   
    {  
        infowindow.open(map);  

    });  

    markersArray.push(marker);  
}

}

4

2 回答 2

3

当您遍历数据时，您将创建InfoWindow多次。在循环结束时，您有一个InfoWindowat markerLatLng。

单击标记时，infowindow.open()将调用它，它使用位于 的信息窗口markerLatLng。

您需要使用函数闭包，如http://www.geocodezip.com/v3_MW_example_map1.html所示

//loop through markers, but create each with a helper function
          var point = new google.maps.LatLng(43.82589,-79.10040);
          var marker = createMarker(point,'Some stuff to display in the<br>Third Info Window')

    function createMarker(latlng, html) {
        var contentString = html;
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            zIndex: Math.round(latlng.lat()*-100000)<<5
            });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent(contentString); 
            infowindow.open(map,marker);
            });
    }
于 2012-04-20T13:57:38.787 回答
0

当您遍历列表时，您将覆盖 infowindow var 内容。相反，您需要更改单击以将内容设置为this.title 

var infoWindow = new google.maps.InfoWindow({content: 'Loading...'});;    
function processlistings(data)   
    {  
        listings = data;  
        markersArray = [];  
        for( i = 0; i < listings.length; i++)   
        {  
            var listing = listings[i];  
            var markerLatLng = new google.maps.LatLng(parseFloat(listing["latitude"]), parseFloat(listing["longitude"]));  
            marker = new google.maps.Marker({  
                position : markerLatLng,  
                title: listing['name'],  
                map : map  
            });  

        markersArray.push(marker);  
        } 
        for (var i = 0; i < markersArray.length; i++) {
            var marker = markersArray[i];
            google.maps.event.addListener(marker, 'click', function () {
            infoWindow.setContent(this.title);
            infoWindow.open(map, this);
            });
        }
    }
于 2012-04-20T13:51:16.730 回答