Leaflet: .on('popupopen') 이벤트가 마커에서 발생하지 않음

몇 가지 테스트 후 팝업 사용자 정의 라이브러리에서 문제가 발생했습니다.

댓글 avez vous fait?

2014-09-22 11:39 GMT+02:00 피에르 바롱 알림 @github.com :

폐쇄 #2907 https://github.com/Leaflet/Leaflet/issues/2907.

—
이 이메일에 직접 답장하거나 GitHub에서 확인하세요.
https://github.com/Leaflet/Leaflet/issues/2907#event -168346883.

여기 문제가 있습니다. 이렇게 하면

var coordinates = {};
var markerOptions = {};
var marker = L.marker(coordinates), markerOptions );
marker.bindPopup("my content");

bindPopup() 메소드는 String 또는 Popup 객체를 가질 수 있습니다. 이 예에서는 String을 전달하고 메서드는 올바른 팝업을 생성합니다. 사용자 정의 팝업 요소를 전달하는 경우 이전에 팝업에 마커를 추가해야 합니다. 그렇지 않으면 팝업에 소스 요소가 없을 것입니다.

최종 솔루션입니다.

var coordinates = {};
var markerOptions = {};
var marker = L.marker(coordinates), markerOptions );

var popupOptions = {};
// you have to append the marker on the creation of the popup
// so that the popup element will have the marker source.
var popup = L.popup(popupOptions, marker );

// and this will work !
marker
    .bindPopup(popup)
    .on('dragstart', function () {
        console.log(dragstart");
    })
    .on('dragend', function () {
        console.log("dragend!");
    })
    .on('popupopen', function (popup) {
        console.log("popup opened !", popup);
    });