Leaflet: त्रुटि: मानचित्र कंटेनर पहले ही प्रारंभ हो चुका है

ऐसा लगता है कि आप किसी मौजूदा मानचित्र को फिर से शुरू करने का प्रयास कर रहे हैं... यहां समस्या बोर्ड बग और नई सुविधाओं के सुझावों के माध्यम से काम करने के लिए अधिक है। StackOverflow(http://stackoverflow.com/questions/tagged/leaflet) लाइब्रेरी के आपके उपयोग के समस्या निवारण के लिए एक बेहतर जगह है। यदि आप मानते हैं कि यह एक बग से है, तो अपने उदाहरण के मामले को JSFiddle या किसी अन्य डेमो साइट पर पोस्ट करें।

ऐसा लगता है कि समस्या एमवीवीएम में कार्यान्वयन से संबंधित है न कि बग से। पत्रक का उपयोग करके कुछ एमवीवीएम उदाहरण खोजने की कोशिश करेंगे।

यहाँ एक ही मुद्दा... यह क्या हो सकता है?

@ralexrdz शायद एक कंटेनर जिसे आप एक से अधिक बार प्रारंभ करते हैं?

@mourner एचटीएमएल मूल रूप से एचटीएमएल हेड लोडिंग जेएस और सीएसएस और आईडी = "मानचित्र" वाला एक div है। और मेरे पास एकमात्र जेएस है
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
एट्रिब्यूशन: 'मैप डेटा © OpenStreetMap योगदानकर्ता, CC-BY-SA , इमेजरी © मैपबॉक्स ',
अधिकतम ज़ूम: 18,
आईडी: 'मैपबॉक्स मैप आईडी,
एक्सेस टोकन: 'मैपबॉक्स एक्सेस टोकन'
}).addTo(नक्शा);
यह कैसे हो सकता है कि एक कंटेनर पहले शुरू हो गया हो?

मुझे एक ही समस्या है, मैं प्रतिक्रिया में पत्रक का उपयोग कर रहा हूँ

यह शायद एक प्रतिक्रिया-पत्रक बग होगा @epicallan

@danzel मैं प्रतिक्रिया का उपयोग कर रहा हूँ, इसकी प्रतिक्रिया-पत्रक बग, बस कुछ हैकी काम किया है

@epicallan क्या आप कृपया बता सकते हैं कि आपने क्या किया? मेरे पास प्रतिक्रिया और पत्रक के साथ एक ही समस्या है।

नक्शा शुरू करने से पहले जांच लें कि नक्शा पहले ही शुरू हो चुका है या नहीं

var कंटेनर = L.DomUtil.get('map');
अगर (कंटेनर! = शून्य) {
कंटेनर._leaflet_id = अशक्त;
}

@Dipinrajc इस विधि से आप मानचित्र पर माउस से खींचने के लिए उपलब्ध नहीं हैं।

माउस @adrielstar के साथ मानचित्र को फिर से खींचने का कोई विचार?

मैं हमें यह @fillipefeitosa ।

एचटीएमएल:
< div id="map" >< /div>

नक्शा प्रस्तुत करना:
document.getElementById('map').innerHTML = "< div id='map' style='width: 100%; height: 100%;'>";

div की सामग्री को पुनः लोड करने के लिए जहां नक्शा प्रस्तुत करें।
हूप यह आपकी भी मदद करेगा

धन्यवाद दोस्त, लेकिन वह काम नहीं किया। इसने मेरे var map को div और मैप लोड नहीं के साथ बदल दिया

नक्शा शुरू करने से पहले जांच लें कि नक्शा पहले ही शुरू हो चुका है या नहीं

var कंटेनर = L.DomUtil.get('map');
अगर (कंटेनर! = शून्य) {
कंटेनर._leaflet_id = अशक्त;
}

क्या इसके लिए कोई मौजूदा पत्रक विधि है?

मेरे साथ एक ही समस्या :(

नक्शा शुरू करने से पहले जांच लें कि नक्शा पहले ही शुरू हो चुका है या नहीं
var कंटेनर = L.DomUtil.get('map');
अगर (कंटेनर! = शून्य) {
कंटेनर._leaflet_id = अशक्त;
}

क्या इसके लिए कोई मौजूदा पत्रक विधि है?

@enzojimenez , आप इसके लिए एक विधि बना सकते हैं जैसा कि मैंने नीचे बनाया है

फंक्शन इनिशियलाइज़िंग मैप () // अपने मैप को इनिशियलाइज़ करने से पहले इस मेथड को कॉल करें।
{
var कंटेनर = L.DomUtil.get('map');
अगर (कंटेनर! = शून्य) {
कंटेनर._leaflet_id = अशक्त;
}
}

समस्या को हल करने के लिए, परिभाषित करें:
आयात * 'पत्रक' से मानचित्र के रूप में;

@ViewChild ('नक्शा') mapElement: ElementRef;
नक्शा: नक्शा.नक्शा;

this.map = Map.map (this.mapElement.nativeElement, {
मैक्सज़ूम: 18
});

समाधान एक्वी: https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

जैसा कि यहां कहा गया है, यह करने का यह सबसे अच्छा तरीका होगा:
if (map != undefined) { map.remove(); }

नक्शा शुरू करने से पहले जांच लें कि नक्शा पहले ही शुरू हो चुका है या नहीं

var कंटेनर = L.DomUtil.get('map');
अगर (कंटेनर! = शून्य) {
कंटेनर._leaflet_id = अशक्त;
}

आप एक परी है