Leaflet: Kesalahan: Wadah Peta Sudah Diinisialisasi

Kedengarannya seperti Anda mencoba untuk memulai kembali peta yang ada... Papan masalah di sini lebih untuk mengatasi bug dan saran fitur baru. StackOverflow(http://stackoverflow.com/questions/tagged/leaflet) adalah tempat yang lebih baik untuk memecahkan masalah penggunaan perpustakaan Anda. Jika Anda yakin ini berasal dari bug, posting contoh kasus Anda di JSFiddle atau situs demo lainnya.

Sepertinya masalah terkait dengan implementasi di MVVM dan bukan bug. Akan mencoba mencari beberapa contoh MVVM menggunakan leaflet.

masalah yang sama di sini ... apa itu?

@ralexrdz mungkin wadah yang Anda inisialisasi lebih dari sekali?

@mourner Html pada dasarnya adalah kepala html memuat js dan css dan div dengan id="map". Dan satu-satunya js yang saya miliki adalah
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
atribusi: 'Data peta © kontributor OpenStreetMap , CC-BY-SA , Citra © Mapbox ',
maxZoom: 18,
id: 'mapboxMapId,
accessToken: 'mapboxAccessToken'
}).addTo(peta);
Bagaimana mungkin sebuah wadah diinisialisasi sebelumnya?

saya mengalami masalah yang sama, saya menggunakan selebaran di React

Itu akan menjadi bug selebaran reaksi mungkin @epicallan

@danzel saya menggunakan reaksi, bug selebaran reaksinya, baru saja melakukan beberapa pekerjaan peretasan

@epicallan Bisakah Anda menjelaskan apa yang Anda lakukan? Saya memiliki masalah yang sama dengan React dan Leaflet.

Sebelum menginisialisasi peta, periksa apakah peta sudah dimulai atau belum

var wadah = L.DomUtil.get('peta');
if(wadah != null){
container._leaflet_id = null;
}

@Dipinrajc Dengan metode ini Anda tidak dapat menyeret dengan mouse di peta.

Adakah ide bagaimana cara menyeret peta lagi dengan mouse @adrielstar ?

Saya menggunakan @fillipefeitosa ini.

HTML:
< div id="peta" >< /div>

membuat peta:
document.getElementById('map').innerHTML = "< div id='map' style='width: 100%; height: 100%;'>";

untuk memuat ulang konten div tempat membuat peta.
Hoop ini akan membantu Anda juga

Terima kasih teman, tapi itu tidak berhasil. Itu menggantikan var map saya dengan div dan peta tidak dimuat

Sebelum menginisialisasi peta, periksa apakah peta sudah dimulai atau belum

var wadah = L.DomUtil.get('peta');
if(wadah != null){
container._leaflet_id = null;
}

apakah ada metode selebaran untuk ini?

masalah yang sama dengan saya :(

Sebelum menginisialisasi peta, periksa apakah peta sudah dimulai atau belum
var wadah = L.DomUtil.get('peta');
if(wadah != null){
container._leaflet_id = null;
}

apakah ada metode selebaran untuk ini?

@enzojimenez , Anda dapat membuat satu metode untuk ini seperti yang saya buat di bawah ini

function initializingMap() // panggil metode ini sebelum Anda menginisialisasi peta Anda.
{
var wadah = L.DomUtil.get('peta');
if(wadah != null){
container._leaflet_id = null;
}
}

Untuk mengatasi masalah, tentukan:
impor * sebagai Peta dari 'leaflet';

@ViewChild ('peta') mapElement: ElementRef;
peta: Peta.Peta;

this.map = Map.map (this.mapElement.nativeElement, {
maxZoom: 18
});

Solusi solusi: https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

seperti yang dikatakan di sini , ini akan menjadi cara terbaik untuk melakukannya:
if (map != undefined) { map.remove(); }

Sebelum menginisialisasi peta, periksa apakah peta sudah dimulai atau belum

var wadah = L.DomUtil.get('peta');
if(wadah != null){
container._leaflet_id = null;
}

Kamu adalah malaikat