InfoWindow顯示與markerclusterers不同的標記相同的內容

Question

我無法找到下面的代碼中的錯誤，但它顯示所有infowindows相同的內容。

$('#map').gmap({'zoom': 2, 'disableDefaultUI':true}).bind('init', function(evt, map) { 
    var bounds = map.getBounds(); 
    var southWest = bounds.getSouthWest(); 
    var northEast = bounds.getNorthEast(); 
    var lngSpan = northEast.lng() - southWest.lng(); 
    var latSpan = northEast.lat() - southWest.lat(); 
    var image = 'http://localhost/images/dot.png'; 
    for (var i = 0; i < len; i++) { 

     boxText.innerHTML = '<div id="content" style="margin-left:2px; font-weight:bold; margin-top:1px;overflow:hidden;">'+ 
         '<div id="bodyContent" style="font-weight:bold;">'+ 
         '<div style="font:10px verdana;color:#375A9E; margin-left:2px;font-weight:bold;">' + 
         '<a href="' + locations[i][5] + '" target="_blank">' + locations[i][0] + '</a><div>' + 
         '</div>'; 
       boxText1.innerHTML ='<div id="content" class="map_rightclick" style="margin-left:10px; font-weight:bold; margin-top:1px;overflow:hidden;">'+ 
         '<div id="bodyContent" style="font-weight:bold;">'+ 
         '<div style="font:10px verdana;color:red; margin-left:2px;">' + 
         '<a href="' + locations[i][5] + '" target="_blank" style="font-weight:bold;">' + locations[i][0] + '</a><div>' + 
         '<br><b>City:</b><span style="color:black;">' + locations[i][3] +'</span>'+ 
        '</div>';      
     $('#map').gmap('addMarker', { 
      'position': new google.maps.LatLng(locations[i][1], locations[i][2]), 
      'icon': image 
     }).click(function() { 
      $('#map').gmap('openInfoWindow', { content : boxText }, this); 
     }).rightclick(function(){ 
      $('#map').gmap('openInfoWindow', { content : boxText1 }, this); 
        }).mouseover(function(){ 
      $('#map').gmap('openInfoWindow', { content : boxText }, this); 
      }).mouseout(function(){ 
      $('#map').gmap('closeInfoWindow',this); 
      }); 
    } 
    $('#map_canvas').gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers'))); 
    // To call methods in MarkerClusterer simply call 
    // $('#map_canvas').gmap('get', 'MarkerClusterer').callingSomeMethod(); 
}); 

Answer 1

看起來你要附加單擊處理和信息窗口內容到地圖本身，而不是標記（和你安裝它len倍！）。

$('#map').gmap('addMarker', { 
     'position': new google.maps.LatLng(locations[i][1], locations[i][2]), 
     'icon': image 
    }).click(function() { 
     $('#map').gmap('openInfoWindow', { content : boxText }, this); 
    }) 

infowindow內容將只包含for循環中最後一項的內容。

您想將infowindow的內容與標記相關聯。你需要在'addMarker'的回調中做到這一點。

看起來像你正在使用jquery.ui的地圖插件。看看這個例子：http://code.google.com/p/jquery-ui-map/wiki/Examples#Example_addInfoWindow