Leaflet: नक्शा पूरी तरह से map.remove() पर DOM से नहीं हटाया गया है

को निर्मित 13 सित॰ 2017 · 37टिप्पणियाँ · स्रोत: Leaflet/Leaflet

कैसे पुन: पेश करें

पत्रक संस्करण मैं उपयोग कर रहा हूँ: 1.2.0
ब्राउज़र (संस्करण के साथ) मैं उपयोग कर रहा हूँ: क्रोम संस्करण 60.0.3112.13
यह फ़ायरफ़ॉक्स और सफारी में ठीक काम करता है (आईई, एज में परीक्षण नहीं किया गया है)
OS/प्लेटफ़ॉर्म (संस्करण के साथ) मैं उपयोग कर रहा हूँ: macOS Sierra
div तत्व में नक्शा जोड़ें और परत जोड़ें

this.leafletMap = new L.Map( <element> , {
            zoomControl: true, 
            dragging: this.isInDragMode, 
            touchZoom: false,
            scrollWheelZoom: false,
            doubleClickZoom: false,
            tap: false,
}
L.tileLayer( 'http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
                } ).addTo( this.leafletMap );

कुछ उपयोगकर्ता कार्रवाई पर नक्शा निकालें

if (this.leafletMap ){
        this.leafletMap.eachLayer(function(layer){
            layer.remove();
        });
        this.leafletMap.remove();
        this.leafletMap = null;
    }

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

मानचित्र को हटाने के बाद, यह तत्व से मानचित्र को हटा देता है, हालांकि, अगर मैं div पर डबल क्लिक करता हूं, तो यह त्रुटि फेंकता है - Uncaught TypeError: Cannot read property '_leaflet_pos' of undefined
ऐसा लगता है कि मानचित्र और परतों को हटा दिए जाने के बावजूद DOM तत्व अभी भी ईवेंट श्रोताओं को पकड़ रहा है।

समस्या को पुन: प्रस्तुत करने वाला न्यूनतम उदाहरण

[] यह उदाहरण यथासंभव सरल है
[ ] यह उदाहरण किसी तीसरे पक्ष के कोड पर निर्भर नहीं करता है

http://playground-leaflet.rhcloud.com/ या किसी अन्य jsfiddle जैसी साइट का उपयोग करना।

needs more info

स्रोत

jpatel3

👍8

सबसे उपयोगी टिप्पणी

@spydmobile यहाँ जाता है, यही मैंने थोड़ा संशोधित रूप में किया है:
मुझे नहीं पता कि इस एफ * आईएनजी टिप्पणी क्षेत्र में कोड को ठीक से कैसे पोस्ट किया जाए, क्षमा करें।
मैंने अपनी टिप्पणी को अब लगभग 10 बार संपादित किया है lol

function removeMap()
{
    var leafletCtrl = get_your_own_leaflet_reference_from_somewhere(), 
    dom = leafletCtrl.getReferenceToContainerDomSomehow(); 

    //This removes most of the events
    leafletCtrl.off();

//After this, the dom element should be good to reuse, unfortunatly it is not
    leafletCtrl.remove(); 

    var removeDanglingEvents = function(inputObj, checkPrefix)
    {
        if(inputObj !== null)
        {
            //Taken from the leaflet sourcecode directly, you can search for these constants and see how those events are attached, why they are never fully removed i don't know
            var msPointer = L.Browser.msPointer,
            POINTER_DOWN =   msPointer ? 'MSPointerDown'   : 'pointerdown',
            POINTER_MOVE =   msPointer ? 'MSPointerMove'   : 'pointermove',
            POINTER_UP =     msPointer ? 'MSPointerUp'     : 'pointerup',
            POINTER_CANCEL = msPointer ? 'MSPointerCancel' : 'pointercancel';

            for(var prop in inputObj)
            {
                var prefixOk = checkPrefix ? prop.indexOf('_leaflet_') !== -1 : true, propVal; //if we are in the _leaflet_events state kill everything, else only stuff that contains the string '_leaflet_'
                if(inputObj.hasOwnProperty(prop) && prefixOk)
                {
                    //Map the names of the props to the events that were really attached => touchstart equals POINTER_DOWN etc
                    var evt = []; 
                    if(prop.indexOf('touchstart') !== -1) //indexOf because the prop names are really weird 'touchstarttouchstart36' etc
                    {
                        evt = [POINTER_DOWN];
                    }
                    else if(prop.indexOf('touchmove') !== -1)
                    {
                        evt = [POINTER_MOVE];
                    }
                    else if(prop.indexOf('touchend') !== -1)
                    {
                        evt = [POINTER_UP, POINTER_CANCEL];
                    }

                    propVal = inputObj[prop];
                    if(evt.length > 0 && typeof propVal === 'function')
                    {
                        evt.each(function(domEvent)
                        {
                            dom.removeEventListener(domEvent, propVal, false);
                        });                    
                    }

                    //Reference B-GONE, Garbage b collected.
                    inputObj[prop] = null;
                    delete inputObj[prop];
                }
            }
        }        
    };

    removeDanglingEvents(dom._leaflet_events, false);
    removeDanglingEvents(dom, true);
}

FLoibl 6 जून 2018

👍5 🚀2 🎉2

सभी 37 टिप्पणियाँ

नमस्ते और इस बग की रिपोर्ट करने के लिए समय निकालने के लिए धन्यवाद।

हालाँकि, ऐसा प्रतीत होता है कि समस्या को पुन: उत्पन्न करने के लिए आपके द्वारा बताए गए चरणों में कुछ गुम है। मैंने उपरोक्त चरणों के साथ-साथ एक खेल का मैदान उदाहरण भी स्थापित किया: http://playground-leaflet.rhcloud.com/rezop/edit?html ,output

इस उदाहरण में, मानचित्र को हटा दिए जाने के बाद मुझे कोई त्रुटि नहीं दिखाई दे रही है, इसलिए स्पष्ट रूप से कुछ और चल रहा है जो आपको दिखाई देने वाली समस्या का कारण बनता है। क्या आप कृपया अधिक विवरण प्रदान कर सकते हैं, ताकि हम इसे ट्रैक कर सकें।

perliedman 13 सित॰ 2017

@perliedman त्वरित प्रतिक्रिया और खेल के मैदान के उदाहरण को एक साथ रखने के लिए धन्यवाद। मैं उस पर पुन: पेश करने में सक्षम नहीं हूं। कुछ और परिदृश्यों की कोशिश कर रहा है। जबकि मैं अभी भी इसे देख रहा हूँ, कुछ प्रश्न -

यदि मैं map.remove() कर रहा हूं, तो क्या मुझे स्पष्ट परत हटाने की आवश्यकता है? मेरा अनुमान है, यह परत हटाने का भी ध्यान रखेगा, लेकिन क्या आप पुष्टि कर सकते हैं।

और आपके पास टाइमआउट के तहत map.remove() होने का कारण यह है कि उदाहरण में आप निर्माण के ठीक बाद मानचित्र को नष्ट कर रहे हैं, अन्यथा इसे टाइमआउट के साथ संलग्न करने की आवश्यकता नहीं है। सही?

jpatel3 13 सित॰ 2017

याद रखें, ओपन सोर्स के साथ काम करते समय, _use_ सोर्स! :विंक: आपके पहले प्रश्न का उत्तर देने के लिए, _yes_, remove परतों को हटा देगा: https://github.com/Leaflet/Leaflet/blob/master/src/map/Map.js#L731

मैंने इसे टाइमआउट में डालने का कारण यह था कि मेरे उदाहरण को थोड़ा और यथार्थवादी बनाना था, यह सुनिश्चित करना कि टाइल परत वास्तव में लोड की गई टाइलों के साथ ठीक से शुरू की गई थी, उदाहरण remove कॉल को डाले बिना ही काम करता है एक टाइमआउट, लेकिन यह एक कृत्रिम परीक्षण जैसा लगता है।

perliedman 14 सित॰ 2017

नमस्ते - मुझे लगता है कि मैं भी इस मुद्दे का सामना कर रहा हूं। यहाँ मेरा मूल उपयोग-मामला है:

मैं एक वास्तविक मानचित्र प्रदर्शित करने के विरोध में एकाधिक पृष्ठों/सतहों वाली वस्तुओं के लिए एक दर्शक घटक ( पत्रक-आईआईआईएफ प्लगइन का उपयोग कर रहा हूं, लेकिन मुझे नहीं लगता कि यहां कुछ भी प्रभाव पड़ता है)। जब दर्शक लोड होता है, तो थंबनेल की एक श्रृंखला होती है जिसे उपयोगकर्ता अद्यतन करने के लिए क्लिक कर सकता है कि UI के मध्य क्षेत्र में किसी ऑब्जेक्ट का कौन सा दृश्य प्रदर्शित होता है।

जब उपयोगकर्ता दृश्य बदलता है, तो मैं नए दृश्य के लिए एक नया मानचित्र सेट करने से पहले map.remove() कॉल कर रहा हूं। नया नक्शा पुराने वाले (एक आईडी के साथ एक div) के समान DOM तत्व पर बनाया गया है, और मैं किसी भी तरह से DOM को कैटलॉग के बाहर संशोधित नहीं कर रहा हूँ।

प्रारंभिक दृश्य में सब कुछ ठीक काम करता है। लेकिन map.remove() पर कॉल करने और एक नया दृश्य दिखाने के बाद, कंसोल शिकायत करता है: Cannot read property '_leaflet_pos' of undefined जब भी नक्शा खींचा या ज़ूम किया जाता है।

मैं किसी बिंदु पर एक न्यूनतम उदाहरण पोस्ट करने का प्रयास कर सकता हूं, लेकिन यह वही समस्या प्रतीत होती है। यह त्रुटि क्रोम में आती है लेकिन फ़ायरफ़ॉक्स में नहीं।

egardner 23 अक्तू॰ 2017

👍7

@egardner हाँ, कृपया एक उदाहरण बनाने का प्रयास करें जो इसे पुन: पेश करे!

perliedman 24 अक्तू॰ 2017

@egardner पहले स्थिर इलेक्ट्रॉन (क्रोमियम + नोड) ऐप पर ठीक वैसी ही समस्या थी, जिस पर मुझे वापस लौटना पड़ा:
"पत्रक": "1.0.0",
"leaflet.markercluster": "1.0.0-rc.1.0"
त्रुटि को दूर करने के लिए 1.2.0 से अपरिभाषित की संपत्ति '_leaflet_pos' नहीं पढ़ सकता है
यह उसी DOM एलिमेंट में मैप को फिर से बनाने से पहले map.remove() के बाद भी था। मेरे पास अभी समय नहीं है कि मैं शॉर्ट टर्म पर उदाहरण बनाऊं और उदाहरण दूं

DeanMann 3 जन॰ 2018

हम भी इसी तरह की समस्या का सामना कर रहे हैं जो एक मानचित्र को नष्ट करने की कोशिश कर रहा है, ऐसा लगता है कि यह संदर्भों को पकड़ रहा है

Delboyeire 6 मार्च 2018

मैंने ऊपर जो कहा है उसे मैं दोहराऊंगा: इस मुद्दे के बारे में कुछ भी करने में सक्षम होने के लिए, कृपया एक उदाहरण प्रदान करें जो समस्या को पुन: उत्पन्न करता है।

perliedman 6 मार्च 2018

नमस्ते। मैंने इस त्रुटि को एक पहेली में पुन: पेश किया है। सीधे शब्दों में कहें, यदि आप एक div तत्व के अंदर एक नक्शा बनाते हैं, तो निकालें विधि का उपयोग करें, फिर उसी div पर मानचित्र को दोबारा दोहराएं, प्रत्येक मानचित्र चाल तब एक त्रुटि उत्पन्न करेगी
ध्यान में न आया लेखन त्रुटि: अपरिभाषित की संपत्ति '_leaflet_pos' नहीं पढ़ सकता।

पुन: पेश करने के लिए, my fiddle खोलें, मानचित्र निकालें पर क्लिक करें, स्थान मानचित्र पर क्लिक करें, फिर कंसोल खोलें और मानचित्र को स्थानांतरित करें।
http://jsfiddle.net/spydmobile/5hmadjnk/

ध्यान दें, यह केवल Chorme में होता है, FF में नहीं

spydmobile 12 मार्च 2018

👍4

हाँ स्पाईडमोबाइल उदाहरण के लिए धन्यवाद, यह वही त्रुटि है जो मैं क्रोम में देख रहा हूं जैसा कि मैंने ऊपर बताया था

DeanMann 12 मार्च 2018

👍1

मुझे वही त्रुटि दिखाई दे रही है लेकिन थोड़े अलग उपयोग के मामले में। invalidateSize कॉल के कारण आकार बदलने पर एक ही त्रुटि डाली जाती है:

Uncaught TypeError: Cannot read property '_leaflet_pos' of undefined
    at getPosition (leaflet-src.js:2765)
    at NewClass._getMapPanePos (leaflet-src.js:4378)
    at NewClass._rawPanBy (leaflet-src.js:4180)
    at NewClass.invalidateSize (leaflet-src.js:3509)
    at NewClass.<anonymous> (leaflet-src.js:4244)

पूर्ण कॉल स्टैक _onResize हैंडलर से प्रारंभ होता है। मैं react-leaflet का उपयोग कर रहा हूं लेकिन स्टैक ट्रेस का कोई भी हिस्सा उस या स्थानीय कोड के मुद्दे की ओर इशारा नहीं करता है। मैंने कुछ पुराने संस्करणों (जैसे 1.0.3 और 1.2.0 ) की कोशिश की, यह सोचकर कि हम कम से कम इसे एक विशिष्ट 1.x.x संस्करण में लॉक करने में सक्षम हो सकते हैं, लेकिन कोई भाग्य नहीं था।

skipjack 27 मार्च 2018

क्या इस पर कोई अपडेट है? मेरे आवेदन में पत्रक को एकीकृत करने में यहाँ एक ही समस्या है। नक्शा नष्ट होने के बाद, डोम तत्व में अभी भी एक _leaflet_events संपत्ति है, लेकिन इस ऑब्जेक्ट से छुटकारा पाने से भी कोई मदद नहीं मिली।

FLoibl 4 जून 2018

ऐसा लगता है कि हैंडलर फ़ंक्शन का संदर्भ पुराना है (हैंडलर में _mapPane निजी संपत्ति गैर-मौजूद तत्व को इंगित करती है)।

FLoibl 4 जून 2018

मैं भी यह अनुभव कर रहा हूं। यह मेरे द्वारा देखे जा रहे फेंके गए अपवादों में से एक है:

https://sentry.io/share/issue/b414c58ea85c44ee9e0e40ad0781883a/

ऐसा लगता है कि यह ज्यादातर तब होता है जब कोई उपयोगकर्ता मानचित्र छोड़ने के लिए ब्राउज़र बैक बटन का उपयोग करता है।

kontrollanten 4 जून 2018

मुझे लगता है कि मुझे समाधान मिल गया होगा:

मानचित्र कंटेनर div में अभी भी कुछ ईवेंट हैं जो map.off और map.remove बाद भी सक्रिय हो जाते हैं।

मेरे मामले में मानचित्र में ऐसे गुण हैं जो _leaflet_ और उन कार्यों में से कुछ जो मैंने मानचित्र पर ही संपत्ति "map._leaflet_events". पाए हैं

वे pointerdown , pointermove रूप में संलग्न प्रतीत होते हैं और ऐसे लेकिन गुणों के नाम map._leaflet_touchstarttouchstart32 आदि जैसे हैं।

मैंने पाया कि अगर मैं उनको पुनरावृत्त करता हूं और उन्हें मैन्युअल रूप से हटा देता हूं ( removeEventListener का उपयोग करके और फिर संपत्ति को अच्छे उपाय के लिए हटा देता हूं), तो मैं दूसरे मानचित्र के लिए div का पुन: उपयोग कर सकता हूं।
इसने मेरे द्वारा देखे जा रहे मेमोरी लीक को भी समाप्त कर दिया।

मैं यहां कोड पोस्ट नहीं कर सकता, लेकिन यदि आप POINTER_DOWN लिए पत्रक स्रोत खोजते हैं तो आप संलग्न होने वाली घटनाओं को देखेंगे, और उन्हें अलग करने का तरीका जानेंगे।

FLoibl 5 जून 2018

👍2

मैं इसे क्रोम पर पुन: पेश कर सकता हूं लेकिन एफएफ में भी (दोनों अपने स्वयं के प्रोजेक्ट पर और @spydmobile द्वारा प्रदान किए गए jsfiddle के साथ)

benru89 5 जून 2018

@FLoibl शायद जिस तकनीक का आप सफलतापूर्वक उपयोग कर रहे हैं उसे प्रदर्शित करने के लिए कहीं और पोस्ट किया गया एक

spydmobile 5 जून 2018

function removeMap()
{
    var leafletCtrl = get_your_own_leaflet_reference_from_somewhere(), 
    dom = leafletCtrl.getReferenceToContainerDomSomehow(); 

    //This removes most of the events
    leafletCtrl.off();

//After this, the dom element should be good to reuse, unfortunatly it is not
    leafletCtrl.remove(); 

    var removeDanglingEvents = function(inputObj, checkPrefix)
    {
        if(inputObj !== null)
        {
            //Taken from the leaflet sourcecode directly, you can search for these constants and see how those events are attached, why they are never fully removed i don't know
            var msPointer = L.Browser.msPointer,
            POINTER_DOWN =   msPointer ? 'MSPointerDown'   : 'pointerdown',
            POINTER_MOVE =   msPointer ? 'MSPointerMove'   : 'pointermove',
            POINTER_UP =     msPointer ? 'MSPointerUp'     : 'pointerup',
            POINTER_CANCEL = msPointer ? 'MSPointerCancel' : 'pointercancel';

            for(var prop in inputObj)
            {
                var prefixOk = checkPrefix ? prop.indexOf('_leaflet_') !== -1 : true, propVal; //if we are in the _leaflet_events state kill everything, else only stuff that contains the string '_leaflet_'
                if(inputObj.hasOwnProperty(prop) && prefixOk)
                {
                    //Map the names of the props to the events that were really attached => touchstart equals POINTER_DOWN etc
                    var evt = []; 
                    if(prop.indexOf('touchstart') !== -1) //indexOf because the prop names are really weird 'touchstarttouchstart36' etc
                    {
                        evt = [POINTER_DOWN];
                    }
                    else if(prop.indexOf('touchmove') !== -1)
                    {
                        evt = [POINTER_MOVE];
                    }
                    else if(prop.indexOf('touchend') !== -1)
                    {
                        evt = [POINTER_UP, POINTER_CANCEL];
                    }

                    propVal = inputObj[prop];
                    if(evt.length > 0 && typeof propVal === 'function')
                    {
                        evt.each(function(domEvent)
                        {
                            dom.removeEventListener(domEvent, propVal, false);
                        });                    
                    }

                    //Reference B-GONE, Garbage b collected.
                    inputObj[prop] = null;
                    delete inputObj[prop];
                }
            }
        }        
    };

    removeDanglingEvents(dom._leaflet_events, false);
    removeDanglingEvents(dom, true);
}

FLoibl 6 जून 2018

👍5 🚀2 🎉2

@FLoibl देखें https://help.github.com/articles/basic-writing-and-formatting-syntax/#quoting -code

IvanSanchez 6 जून 2018

आह ट्रिपल बैकटिक्स, समझ गया, ty।

FLoibl 6 जून 2018

@FLoibl यह एक बहुत अच्छी जांच है: +1:

क्या आप कृपया कुछ लॉगिंग जोड़ सकते हैं ...? https://github.com/Leaflet/Leaflet/blob/5161140e952969c5da27751b79154a2c93f53bfa/src/dom/DomEvent.Pointer.js#L39 और https://github.com/Leaflet/Leaflet/blob/fe9e0f233388e8c02b9e7f जेएस#एल133

उन्हें हर घटना के लिए चलना L.Map नष्ट हो जाता है, और वही काम करना चाहिए जो आप कर रहे हैं, लेकिन मुझे आश्चर्य है कि यह अपेक्षा के अनुरूप काम क्यों नहीं करता है।

IvanSanchez 6 जून 2018

👍1

हाँ, मैं उस समारोह को जानता हूं और मुझे लगता है कि इसे बुलाया जाता है, लेकिन सभी घटनाओं के लिए नहीं।

मुझे लगता है कि समस्या यह है कि कोड उन्हें डोम में "पॉइंटरमोव" आदि के रूप में जोड़ता है, लेकिन संपत्ति के नाम "टचस्टार्ट" आदि हैं। साथ ही "टचस्टार्ट" शब्द संपत्ति के नाम में दो बार देखा जाता है, शायद एक अप्रत्याशित डब कॉन्सैट आईडी और घटना का नाम?

क्या उन "सूचक" घटनाओं को भी विंडोज 10 पर बिना टचस्क्रीन और क्रोम में संलग्न किया जाना चाहिए?
दुर्भाग्य से, मुझे वास्तविक सुधार प्रदान करने के लिए पत्रक के आंतरिक कामकाज के बारे में पर्याप्त जानकारी नहीं है :-(

FLoibl 6 जून 2018

👍1

मैं उस समारोह को जानता हूं और मुझे लगता है कि इसे बुलाया जाता है, लेकिन सभी घटनाओं के लिए नहीं।

अब सवाल यह है कि ऐसी कौन सी घटनाएँ हैं जिनके लिए removePointerListener नहीं कहा जाता है? हो सकता है कि हम यहां या वहां कोई फ़ंक्शन कॉल याद कर रहे हों।

क्या उन "सूचक" घटनाओं को भी विंडोज 10 पर बिना टचस्क्रीन और क्रोम में संलग्न किया जाना चाहिए?

हां। यह पता लगाना लगभग असंभव है कि किसी सिस्टम में टचस्क्रीन है या नहीं, इसलिए यदि ब्राउज़र पॉइंटर ईवेंट का समर्थन करता है, तो धारणा यह है कि उनका उपयोग किया जाएगा।

मुझे वास्तविक सुधार प्रदान करने के लिए पत्रक के आंतरिक कामकाज के बारे में पर्याप्त जानकारी नहीं है :-(

अरे, निराश मत हो, यह बहुत अच्छा जांच कार्य है! :मुस्कुराओ:

IvanSanchez 6 जून 2018

👍1

यह बग संस्करण 1.0.3 में मौजूद नहीं है। मैंने @spydmobile jsfiddle को उठाया और लीफलेट संस्करण को बदल दिया और त्रुटि दूर हो गई http://jsfiddle.net/5hmadjnk/47/ । संस्करण 1.1.0 के साथ यह पहले से ही है।

benru89 7 जून 2018

@ benru89 यह बग वास्तव में 1.0.3 में https://github.com/Leaflet/Leaflet/issues/5263 के रूप में मौजूद था (ज्यादातर https://github.com/Leaflet/Leaflet/pull/ द्वारा तय किया गया) 5265)।

1.0.3 से 1.1.0 में परिवर्तन ने अब बहिष्कृत L.Mixin.Events और रोलअपजेएस बिल्ड को भी प्रभावित किया है, इसलिए मुझे नहीं लगता कि इसे अच्छी तरह से ट्रैक किया जा सकता है, यहां तक कि git bisect साथ भी नहीं।

IvanSanchez 7 जून 2018

@IvanSanchez I ने 1.0.3 और 1.1.0 में हटाए गए फ़ंक्शन की तुलना की और इसे जोड़ा गया:

for (i in this._panes) {
    remove(this._panes[i]);
}
this._layers = [];
this._panes = [];
delete this._mapPane;
delete this._renderer;

अगर मैं 6 वीं पंक्ति को हटा देता हूं, तो वह जो मैपपेन को हटा देता है, त्रुटि दूर हो जाती है। हालांकि मुझे नहीं पता कि इसे हटाने का प्रभाव है, मुझे लगता है कि मैपपेन को हटाना होगा लेकिन यह बग निश्चित रूप से पेश किया गया था जब उस लाइन को जोड़ा गया था।

benru89 7 जून 2018

@ benru89 वाह, यह भी अच्छी जानकारी है: +1:

मैं अभी नहीं देखता कि मानचित्र पैन में अभी कौन से पॉइंटर इवेंट हैंडलर हैं, हालांकि: सोच:

IvanSanchez 7 जून 2018

मुझे लगता है कि मानचित्र फलक को नहीं हटाकर, आप केवल समस्या को मुखौटा करते हैं। जब मैंने कॉल स्टैक को ट्रैक किया, तो समस्या यह थी कि कुछ _mapPane ऑब्जेक्ट एक नष्ट किए गए डोम तत्व की ओर इशारा कर रहे थे और इस प्रकार अपरिभाषित से कैश्ड स्थिति प्राप्त करने का प्रयास कर रहे थे। यदि फलक नष्ट नहीं होता है, तो भूत की घटनाएं अपवाद को ट्रिगर किए बिना हो सकती हैं।

FLoibl 7 जून 2018

@Floibl मैं

मुझे लगता है कि इवेंट हैंडलर इसका कारण बनता है (कम से कम मेरे मामले में और @spydmobile ) को "टचएक्सटेंड" कहा जाता है, इसलिए यह एक पत्रक है। ड्रा हैंडलर। मुझे पता चला कि लीफलेट.ड्रा के लिए आयात को हटाने से अपवाद भी बंद हो जाते हैं।

benru89 7 जून 2018

मुझे एक और उपाय मिला। गैर-दस्तावेज विकल्प touchExtend : false साथ अपने मानचित्र को प्रारंभ करना समस्याग्रस्त हैंडलर को निष्क्रिय कर देता है, इसलिए कोई और अपवाद नहीं है। मैं वास्तव में नहीं जानता कि ऐसा करने से मैं किन विशेषताओं को खो रहा हूं, लेकिन कोड को देखते हुए यह मोबाइल या टच स्क्रीन के लिए कुछ विस्तारित इशारे हो सकते हैं ?? किसी भी मामले में मेरे ऐप में सबकुछ ठीक काम करता प्रतीत होता है।

benru89 7 जून 2018

👍5

@IvanSanchez मुझे यकीन नहीं है कि यह वही मुद्दा है, लेकिन संबंधित हो सकता है।
जब आप ज़ूम ऐनिमेशन प्रगति पर होने पर मानचित्र को नष्ट करते हैं, तो आपको वही त्रुटि मिलती है: Uncaught TypeError: Cannot read property '_leaflet_pos' of undefined ।

मैंने कोड के अंदर देखने की कोशिश की और पाया कि Map._animateZoom() अंदर एक लाइन है: setTimeout(Util.bind(this._onZoomTransitionEnd, this), 250);
अगर मैं इसे पर्याप्त रूप से समझता हूं, तो नक्शा हटा दिए जाने पर यह टाइमआउट नष्ट नहीं होता है, इसलिए फ़ंक्शन Map._onZoomTransitionEnd को हमेशा कॉल किया जाता है। यह आपका _"यहां या वहां कोई फ़ंक्शन कॉल गुम"_ हो सकता है।

और सरलीकृत कॉल ट्री this._onZoomTransitionEnd -> this._move -> this._getNewPixelOrigin -> this._getMapPanePos -> getPosition(this._mapPane) -> return el._leaflet_pos विफल रहता है, क्योंकि this._mapPane _undefined_ है।

हो सकता है कि इस मामले को ठीक किया जा सके, यदि आप this._move और this._moveEnd कॉल को if (this._mapPane) {} स्थिति में लपेटते हैं, लेकिन मैंने परीक्षण नहीं किया कि इसके कुछ अन्य परिणाम हैं या नहीं।

इसे बदलें:

_onZoomTransitionEnd: function () {
    if (!this._animatingZoom) { return; }

    if (this._mapPane) {
        removeClass(this._mapPane, 'leaflet-zoom-anim');
    }

    this._animatingZoom = false;

    this._move(this._animateToCenter, this._animateToZoom);

    // This anim frame should prevent an obscure iOS webkit tile loading race condition.
    requestAnimFrame(function () {
        this._moveEnd(true);
    }, this);
}

इसके साथ ही:

_onZoomTransitionEnd: function () {
    if (!this._animatingZoom) { return; }

    this._animatingZoom = false;

    if (this._mapPane) {
        removeClass(this._mapPane, 'leaflet-zoom-anim');
        this._move(this._animateToCenter, this._animateToZoom);

        // This anim frame should prevent an obscure iOS webkit tile loading race condition.
        requestAnimFrame(function () {
            this._moveEnd(true);
        }, this);
    }
}

mattesCZ 11 जुल॰ 2018

इस पर कोई अपडेट? मैं एक ही समस्या का सामना कर रहा हूँ। touchExtend : false मदद नहीं करता है। समस्या तब होती है जब मैं दृश्य से दूर नेविगेट करता हूं, जहां मेरे पास नक्शा है (इसे इस बिंदु पर map.remove() पर कॉल करके नष्ट किया जा रहा है) और फिर मैं इस दृश्य पर वापस नेविगेट करता हूं। इसे नया नक्शा बनाना और आरंभ करना चाहिए, लेकिन मुझे setMaxBounds विधि में getPosition पर '_leaflet_pos' त्रुटि मिल रही है:

Uncaught (in promise) TypeError: Cannot read property '_leaflet_pos' of undefined
    at getPosition (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:2445)
    at NewClass._getMapPanePos (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:4409)
    at NewClass._moved (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:4413)
    at NewClass.getCenter (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:3774)
    at NewClass.panInsideBounds (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:3488)
    at NewClass._panInsideMaxBounds (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:4220)
    at NewClass.setMaxBounds (webpack-internal:///./node_modules/leaflet/dist/leaflet-src.js:3444)

और setView विधि में भी:

Uncaught (in promise) TypeError: Cannot read property '_leaflet_pos' of undefined at getPosition (leaflet-src.js?9eb7:2445) at NewClass._getMapPanePos (leaflet-src.js?9eb7:4409) at NewClass.containerPointToLayerPoint (leaflet-src.js?9eb7:3989) at NewClass._getCenterLayerPoint (leaflet-src.js?9eb7:4446) at NewClass._getCenterOffset (leaflet-src.js?9eb7:4451) at NewClass._tryAnimatedPan (leaflet-src.js?9eb7:4526) at NewClass.setView (leaflet-src.js?9eb7:3181)

annapogorelova 11 अग॰ 2018

Map.remove () के बाद एक ही समस्या, मेरे नक्शे को फिर से स्थापित करें और यह सटीक त्रुटि प्राप्त करें

kgrosvenor 10 जन॰ 2019

v1.6.0 के साथ एक ही समस्या। यह एक जटिल मुद्दा है

NormandoHall 27 नव॰ 2019

यहां एक एसएससीसीई है: https://jsfiddle.net/0oafw694/1/

मूल रूप से, निम्न कोड चला रहा है ...

map = L.map('map');
map.setView(...);
map.setMaxBounds(...);
map.remove();

... दो ईवेंट श्रोताओं को संलग्न छोड़ देता है:

moveend: (1) […]
0: Object { fn: _panInsideMaxBounds(), ctx: undefined } // from setMaxBounds

unload: (2) […]
0: Object { fn: _destroy() , ctx: {…} }
1: Object { fn: _destroyAnimProxy(), ctx: undefined }

zoomanim: (1) […]
0: Object { fn: _createAnimProxy(), ctx: undefined }

मुझे लगता है, zoomanim/_createAnimProxy माध्यम से संभाला जाता है unload/_destroyAnimProxy , और इस प्रकार कोई समस्या नहीं है। लेकिन moveend/_panInsideMaxBounds को अपंजीकृत करने की आवश्यकता है। मैं एक पीआर तैयार करूंगा …

simon04 5 जन॰ 2020

👍4

मैंने अभी उस मानचित्र के लिए एक div बनाना समाप्त कर दिया है जिसमें गतिशील आईडी है, इसलिए जब मुझे div का पुन: उपयोग करना होता है, तो मैं स्मृति को रिलीज़ करने के लिए मौजूदा मानचित्र को हटा देता हूं (यहां तक कि कुछ घटनाएं अभी भी चल रही हैं) और फिर एक अलग आईडी के साथ div को फिर से बनाएं ताकि मैं इसमें एक नया नक्शा बना सकूं।

मैं अपने सभी मानचित्रों को किसी ऑब्जेक्ट में भी संग्रहीत करता हूं, इसलिए मैं उन्हें अपनी आईडी के अनुसार हेरफेर कर सकता हूं (मेरे पास एक से अधिक मानचित्र दिखाई दे रहे हैं, सभी गतिशील आईडी के साथ)

seba1rx 24 जून 2020

👍1

पत्रक के साथ मेरे प्रयोगों के अनुसार, जो भी घटनाएँ (उदा। मूवेंड, मूवस्टार्ट, आदि) जो डेवलपर्स द्वारा हेरफेर की जाती हैं, उनके डिफ़ॉल्ट व्यवहार को बदल देती हैं और डोम से लीफलेट को उतारते समय स्मृति में रहती हैं।
मैंने यह किया था: @moveend="()=>{enableRecenter = true}" और इसलिए, मानचित्र को उतारने/निकालने के दौरान 'मूवेंड' का हैंडलर स्मृति में बना रहा।
मैंने इन विधियों के जोड़तोड़ (मेरे अपने कार्यान्वयन) को मानचित्र घटक से ही हटा दिया और अब यह त्रुटि दिखना बंद हो गई।

तो मूल रूप से, मानचित्र विधियों को कभी भी स्पर्श न करें !!! बेशक, जब तक कि पुस्तकालय इस व्यवहार का पता नहीं लगाता और इस बग को ठीक नहीं करता।

yog3sha 31 अक्तू॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Leaflet: नक्शा पूरी तरह से map.remove() पर DOM से नहीं हटाया गया है

कैसे पुन: पेश करें

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

समस्या को पुन: प्रस्तुत करने वाला न्यूनतम उदाहरण

सबसे उपयोगी टिप्पणी

सभी 37 टिप्पणियाँ

संबंधित मुद्दों