Google지도 - jquery 창 문제

Question

마커를 클릭하면 항상 같은 데이터가 표시됩니다 ... 왜?

코드 :

function load() 
{ 
    var dialog = $('<div>').dialog({autoOpen:false}); 
    var map = new google.maps.Map(document.getElementById("map"), 
    { 
     center: new google.maps.LatLng(47.6145, -122.3418), 
     zoom: 13, 
     mapTypeId: 'roadmap' 
    }); 
    var infoWindow = new google.maps.InfoWindow; 


    // Change this depending on the name of your PHP file 
    downloadUrl("phpsqlajax_genxml.php", function(data) 
    { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) 
    { 
     var name = markers[i].getAttribute("name"); 
     var address = markers[i].getAttribute("address"); 
     var type = markers[i].getAttribute("type"); 
     var point = new google.maps.LatLng 
        (
         parseFloat(markers[i].getAttribute("lat")), 
         parseFloat(markers[i].getAttribute("lng")) 
       ); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     var icon = customIcons[type] || {}; 
     var marker = new google.maps.Marker 
        ({ 
         map: map, 
         position: point, 
         icon: icon.icon, 
         shadow: icon.shadow 
        }); 

    google.maps.event.addListener(marker, 'click', function() 
    { 
     dialog.html(html).dialog('open'); 
    }); 
    } 
}); 

}

Answer 1

이 시도 :

첫번째 변화

google.maps.event.addListener(marker, 'click', function() {...}); 

에

google.maps.event.addListener(marker, 'click', dial(html)); 

2 다음 함수 추가 :

function dial(html){ 
return function(){ 
dialog = $('<div>').dialog({autoOpen:false}); 
dialog.html(html).dialog('open'); 
} 
} 

그것이 infowindo을 수행하는 방법

K

Answer 2

변경이 라인 ... 다음에

var marker = new google.maps.Marker 

google.maps.event.addListener(marker, 'click', function() 

...

var marker; 
marker[i] = new google.maps.Marker 

google.maps.event.addListener(marker[i], 'click', function()