Leaflet: ajax를 통해 팝업 콘텐츠를 채우는 방법에 대한 문서

팝업을 명시적으로 생성하면 내용을 설정할 수 있습니다.

var popup = new L.Popup();
popup.setLatLng(latlng);
popup.setContent('seme content');
map.openPopup(popup);

http://leaflet.cloudmade.com/reference.html#popup

따라서 마커에서 '클릭' 이벤트를 수신합니다(MarkerClusterGroup에서 설정할 수 있음). 그런 다음 실행될 때 로딩 메시지가 포함된 팝업을 만들고 ajax를 통해 콘텐츠를 로드한 다음 다시 올 때 내부에 setContent를 로드합니다.

var group = new L.MarkerClusterGroup();
group.on('click', showMarker);

function showMarker(marker) {
//use marker.layer for the marker IIRC
//Create popup here and fetch content
}

도움이 되기를 바랍니다!

감사합니다 이걸 공부해서 구현해보겠습니다!

이것은 Google에서 잘 참조되었으므로 찾는 사람들을 위해 다음과 같습니다.

• 수동으로 팝업을 만들고 map.openPopup을 호출할 필요가 없습니다. 마커가 있는 경우 원하는 경우 bindPopup() 및 getPopup()을 사용할 수 있습니다.
• popup.update() http://leafletjs.com/reference.html#popup -update를 호출하는 것을 잊지 마십시오.

다음은 전단지 0.7.3을 사용한 작업 예입니다.

var marker = L.marker([48.859085, 2.347403]);
marker.bindPopup("Loading...")
marker.on('click', function(e) {
    var popup = e.target.getPopup();
    var url="DYNAMIC_CONTENT_URL";
    $.get(url).done(function(data) {
        popup.setContent(data);
        popup.update();
    });

bindPopup() 함수를 전달할 수도 있습니다. 팝업이 열릴 때 호출되며 String 또는 HTMLElement 를 반환해야 합니다. 따라서 다른 버전의 코드(팝업을 열게 하는 이벤트 유형을 지정하지 않음):

var marker = L.marker([48.859085, 2.347403]);
marker.bindPopup(function() {
    var el = $('<div/>');

    $.get("DYNAMIC_CONTENT_URL").done(function(data) {
        el.setContent(data);
        popup.update();
    });

    return el;
});

누구든지 공유할 의향이 있는 실제 작업 사례가 있습니까?

여기 플런커가 있습니다-

http://plnkr.co/edit/ps1MNhUMMO7vZCnQN7Cg?p=preview

@chriszrc 덕분 에 많은 문제를 해결했습니다. 고마워요

@chriszrc API의 JSON 데이터를 사용하여 수행할 수 없습니다.

팝업이 표시되지 않습니다.

샘플 데이터는 다음과 같습니다.
{"datapoint":[{"intensity":92,"latitud":"18.52","longitud":"82.4767"},{"intensity":68,"latitud":"17.7375","longitud":"82.8347"}]}

팝업에 강도를 표시하려고 합니다.

이것은 내가 시도한 것입니다 :

```
marker.bindPopup((팝업)=>{
var el = document.createElement('div');
el.classList.add("내 클래스");
$.getJSON(" http://www.example.com/data ",function(datapoint){
el.innerHTML = '

' + 데이터 포인트[i].intensity + '

 return el;

@kunaldhariwal 예 없이는 말할 수 없는 plunkr 또는 무언가를 게시해야 합니다. 하지만 우선 코드 조각을 로드하는 URL("http://www.example.com/data")이 유효한 json-

@chriszrc 그래도 예시 URL입니다. 몇 가지 분명한 이유로 정확한 URL을 밝힐 수 없습니다.
죄송하지만 어떻게든 알아내도록 노력하겠습니다.