2가지 다른 전단지 팝업 스타일

Question

리플렛의 팝업에는 2가지 다른 스타일이 있을 수 있나요? 사용자 상호 작용(스타일 및 콘텐츠 측면에서) 시 마우스 오버 시 하나, 클릭 시 하나, 총 2개의 다른 팝업이 실행됩니다.

문제: 팝업에 적용되는 스타일시트의 .leaflet-popup-content-wrapper'에 있는 CSS 스타일을 재정의하려고 합니다. 그러나 팝업 DOM 요소가 아직 로드되지 않았기 때문에 런타임 시 CSS 스타일을 두 CSS 스타일 간에 전환하는 것은 불가능합니다.

marker.on('mouseover', function() {
    marker.bindPopup('<b>Hello world</b>');
    marker.openPopup();
})

marker.on('클릭', function() {
    marker.bindPopup('<b>클릭 클릭</b>');
    marker.openPopup();

    // 스타일 전환 시도가 실패했습니다.
    $('.leaflet-popup-content-wrapper').addClass('new-style');
})

Answer 1

팝업의 bindPopup 方法传递一个 "options" 参数，该参数可以包含将添加到 div 的 "className" 속성으로 전달 가능:

으아악