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何度も作成していることになります。ループの最後に、に1つありInfoWindowます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変数の内容が上書きされます。代わりに、クリックを変更してコンテンツをに設定する必要があります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 に答える