Leaflet: خطأ: تم تهيئة حاوية التعيين بالفعل

يبدو أنك تحاول إعادة تهيئة خريطة موجودة ... تعد لوحات المشكلات هنا أكثر للعمل من خلال الأخطاء والاقتراحات الخاصة بالميزات الجديدة. يعد StackOverflow (http://stackoverflow.com/questions/tagged/leaflet) مكانًا أفضل لاستكشاف أخطاء استخدامك للمكتبة وإصلاحها. إذا كنت تعتقد أن هذا ناتج عن خطأ ، فقم بنشر حالتك في JSFiddle أو موقع تجريبي آخر.

يبدو أن المشكلة تتعلق بالتنفيذ في MVVM وليس خطأ. سنحاول البحث في بعض أمثلة MVVM باستخدام النشرة.

نفس المشكلة هنا ... ماذا يمكن أن يكون؟

ربما ralexrdz حاوية تقوم بتهيئتها أكثر من مرة؟

mourner إن html هو أساسًا html head تحميل js و css و div مع id = "map". والشبيبة الوحيدة التي أملكها هي
map.setView ([19.34، -99.15]، 12) ؛
L.tileLayer ('https://api.tiles.mapbox.com/v4/ {id} / {z} / {x} / {y} .png؟ access_token = {accessToken}'، {
الإسناد: "Map data © OpenStreetMap Contributor، CC-BY-SA ، Imagery © Mapbox "،
maxZoom: 18،
المعرّف: "mapboxMapId ،
accessToken: "mapboxAccessToken"
}) addTo (خريطة) ؛
كيف يمكن أن يكون ذلك الحاوية قد تمت تهيئتها من قبل؟

أواجه نفس المشكلة ، أنا أستخدم المنشور في React

سيكون هذا خطأ نشرة رد فعل ربما epicallan

danzel أنا أستخدم رد فعل ، خطأ نشرة رد الفعل ، فقط قام ببعض الأعمال المخترقة

epicallan هل يمكن أن توضح ما فعلته؟ لدي نفس المشكلة مع React و Leaflet.

قبل تهيئة الخريطة ، تحقق من أن الخريطة قد بدأت بالفعل أم لا

var container = L.DomUtil.get ('map') ؛
إذا (حاوية! = خالية) {
container._leaflet_id = خالية ؛
}

Dipinrajc بهذه الطريقة ، لن تكون متاحًا للسحب بالماوس على الخريطة.

أي إيديا كيفية سحب الخريطة مرة أخرى بالماوس adrielstar ؟

أنا لنا هذا filipefeitosa .

لغة البرمجة:
<div id = "map"> </ div>

عرض الخريطة:
document.getElementById ('map'). innerHTML = "<div id = 'map' style = 'width: 100٪؛ height: 100٪؛'>"؛

لإعادة تحميل محتوى div حيث يتم عرض الخريطة.
هوب هذا سوف يساعدك أيضا

شكرا يا صديقي ، لكن هذا لم ينجح. لقد استبدلت var map بـ div وخريطة لا يتم تحميلها

قبل تهيئة الخريطة ، تحقق من أن الخريطة قد بدأت بالفعل أم لا

var container = L.DomUtil.get ('map') ؛
إذا (حاوية! = خالية) {
container._leaflet_id = خالية ؛
}

هل هناك طريقة منشورات موجودة لهذا؟

نفس المشكلة معي :(

قبل تهيئة الخريطة ، تحقق من أن الخريطة قد بدأت بالفعل أم لا
var container = L.DomUtil.get ('map') ؛
إذا (حاوية! = خالية) {
container._leaflet_id = خالية ؛
}

هل هناك طريقة منشورات موجودة لهذا؟

enzojimenez ، يمكنك إنشاء طريقة واحدة لهذا كما قمت بإنشائه أدناه

function initializingMap () // استدعاء هذه الطريقة قبل أن تبدأ خريطتك.
{
var container = L.DomUtil.get ('map') ؛
إذا (حاوية! = خالية) {
container._leaflet_id = خالية ؛
}
}

لحل المشكلة ، حدد:
استيراد * كخريطة من "النشرة" ؛

ViewChild ("خريطة") mapElement: ElementRef ؛
الخريطة: Map.Map ؛

this.map = Map.map (this.mapElement.nativeElement ، {
maxZoom: 18
}) ؛

Solucion aquí: https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

كما قيل هنا ، ستكون هذه أفضل طريقة للقيام بذلك:
if (map != undefined) { map.remove(); }

قبل تهيئة الخريطة ، تحقق من أن الخريطة قد بدأت بالفعل أم لا

var container = L.DomUtil.get ('map') ؛
إذا (حاوية! = خالية) {
container._leaflet_id = خالية ؛
}

انت ملاك