Leaflet: कैसे अजाक्स के माध्यम से पॉपअप सामग्री को पॉप्युलेट करने का दस्तावेज़ीकरण

यदि आप स्पष्ट रूप से पॉपअप बनाते हैं तो आप सामग्री सेट कर सकते हैं:

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

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

तो अपने मार्करों पर 'क्लिक' ईवेंट सुनें (आप इसे मार्कर क्लस्टर समूह पर सेट कर सकते हैं)। फिर जब इसे निकाल दिया जाता है तो आप लोडिंग संदेश के साथ पॉपअप बनाते हैं, सामग्री को AJAX के माध्यम से लोड करते हैं, फिर वापस आने पर इसे अंदर सेट करें।

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 पर अच्छी तरह से संदर्भित था, इसलिए यहां देख रहे लोगों के लिए है:

• आपको मैन्युअल रूप से पॉपअप और कॉलिंग मैप बनाने की ज़रूरत नहीं है। यदि आपके पास मार्कर है, तो आप चाहें तो 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 एक एपीआई से JSON डेटा का उपयोग करके ऐसा करने में असमर्थ।

कोई पॉपअप प्रकट नहीं होता है।

नमूना डेटा इस तरह दिखता है:
{"datapoint":[{"intensity":92,"latitud":"18.52","longitud":"82.4767"},{"intensity":68,"latitud":"17.7375","longitud":"82.8347"}]}

मैं पॉपअप में तीव्रता प्रदर्शित करने की कोशिश कर रहा हूँ।

मैंने यही कोशिश की है:

```
मार्कर.बाइंडपॉपअप((पॉपअप)=>{
var el = document.createElement('div');
el.classList.add("my-class");
$.getJSON(" http://www.example.com/data ",function(datapoint){
एल.इनरएचटीएमएल = '

' + डेटापॉइंट [i]। तीव्रता + '

 return el;

@ कुणालधारीवाल आपको एक प्लंकर या कुछ और पोस्ट करना होगा, उदाहरण के बिना कहना असंभव है। हालांकि शुरुआत के लिए, आप जिस यूआरएल को कोड स्निपेट लोड कर रहे हैं ("http://www.example.com/data") मान्य जेसन-

@chriszrc हालांकि यह एक उदाहरण यूआरएल है। कुछ स्पष्ट कारणों से मैं सटीक url प्रकट नहीं कर सकता।
मुझे खेद है, लेकिन मैं कुछ पता लगाने की कोशिश करूंगा।