전단지가 마커에서 팝업을 열지 못합니다.

Question

전단지를 사용하여지도를 그린 다음 나중에 많은 표식을 삽입합니다. 마커가 멋지게 나옵니다. 사용자 정의 아이콘이 있습니다. 그러나 .bindPopup()을 사용하여 팝업을 얻을 수 없습니다. 나는 오류도 없다.

var map = L.map('map').setView([60.20, 24.92], 11); 

L.tileLayer('https://ssl_tiles.cloudmade.com/<APIKEY>/997/256/{z}/{x}/{y}.png', { 
    attribution: '', 
    maxZoom: 18 
}).addTo(map); 

function setLeafletMarker() { 
     var markerLocation = new L.LatLng(60.2, 24.8); 
     var marker = new L.Marker(markerLocation); 
     map.addLayer(marker); 
     marker.bindPopup("<b>Hello world!</b><br />I am a popup.") 
} 

$(document).ready(function() { 
    setLeafletMarker() 
} 

Answer 1

귀하의 코드는 나를 위해 작동 :

여기 내 코드입니다. 누락 된 괄호와 세미콜론을 추가하기 만하면됩니다. 당신이 리플릿 빠른 시작 튜토리얼에서 볼 수 있듯이 당신도 당신의 코드를 단순화 할 수 있습니다

function setLeafletMarker() { 
    L.marker([60.2, 24.8]) 
     .addTo(map) 
     .bindPopup("<b>Hello world!</b><br />I am a popup."); 
}; 

Answer 2

bindPopup(<String> html | <HTMLElement> el | <Popup> popup, <Popup options> options?) 

이 마커의 클릭으로 특정 HTML 콘텐츠와 팝업을 바인드합니다. 마커 openPopup 메서드로 바운드 팝업을 열 수도 있습니다.

Ref : The official leaflet doc