는 V3

Question

만 아약스 호출을 통해 두 번째 클릭에 개관, 나는 아약스 호출을 통해 위의

var openedInfoWindow = null; 
var infoWindow = new google.maps.InfoWindow(); 

function profileInitialiser(marker, location) { 
google.maps.event.addListener(marker, 'click', function(){ 
     new Ajax.Request('/ajax/', { 
     parameters: {'action':'profileInfo', 'id':location.id}, 
     onSuccess: function(transport){ 
      addInfoWindow(marker, transport.responseText, location.id); 
     } 
    }); 
}); 
} 

function addInfoWindow(marker, content, id) { 
    google.maps.event.addListener(marker, 'click', function() { 
    if (openedInfoWindow != null) { 
     openedInfoWindow.close(); 
    } 
    infoWindow.setContent(content); 
    infoWindow.open(this.map, marker); 
    openedInfoWindow = infoWindow; 
    google.maps.event.addListener(infoWindow, 'closeclick', function() { 
    openedInfoWindow = null; 
    }); 
}); 
} 

를 내지도에 정보창을 열어 코드 아래 사용하고, 개방하지 code, profileInitialiser 함수는 Google지도의 마커에로드하는 동안 호출합니다. 처음에는 ajax 호출을 통해 마커를 클릭하면 infowindow의 내용이 응답으로 제공됩니다. 두 번째 클릭시 infowindow가 열립니다. 다음 번에 infowindow를로드하는 마커를 클릭하면 첫 번째 클릭이 발생합니다.
이전에이 버그가 있었습니까? 어떤 사람이이 문제를 해결하도록 도와 줄 수 있습니까?

Answer 1

AddInfoWindow 함수는 데이터가 서버에서 다시 돌아올 때 마커에 클릭 수신기를 추가하기 만합니다. 또한 infoWindow에서 내용을 열어야합니다.

var openedInfoWindow = null; 
var infoWindow = new google.maps.InfoWindow(); 

function profileInitialiser(marker, location) { 
// only do this on the first click 
google.maps.event.addListenerOnce(marker, 'click', function(){ 
     new Ajax.Request('/ajax/', { 
     parameters: {'action':'profileInfo', 'id':location.id}, 
     onSuccess: function(transport){ 
      addInfoWindow(marker, transport.responseText, location.id); 
     } 
    }); 
}); 
} 

function addInfoWindow(marker, content, id) { 
    // display the content when the marker is clicked   
    google.maps.event.addListener(marker, 'click', function() { 
    if (openedInfoWindow != null) { 
     openedInfoWindow.close(); 
    } 
    infoWindow.setContent(content); 
    infoWindow.open(this.map, marker); 
    openedInfoWindow = infoWindow; 
    google.maps.event.addListener(infoWindow, 'closeclick', function() { 
    openedInfoWindow = null; 
    }); 
    }); 
    // click on the marker to display the newly added infowindow 
    google.maps.event.trigger(marker, 'click'); 
} 

Answer 2

클릭 이벤트 수신기를 두 번 추가하는 이유는 무엇입니까? addInfoWindow 함수에서 리스너를 제거하기 만하면됩니다.

function addInfoWindow(marker, content, id) { 

if (openedInfoWindow != null) { 
    openedInfoWindow.close(); 
} 
infoWindow.setContent(content); 
infoWindow.open(this.map, marker); 
openedInfoWindow = infoWindow; 
google.maps.event.addListener(infoWindow, 'closeclick', function() { 
openedInfoWindow = null; 
}); 
}