Leaflet: Fehler: Kartencontainer ist bereits initialisiert

Klingt so, als ob Sie versuchen, eine vorhandene Karte neu zu initialisieren ... Die Issues-Boards hier dienen eher dazu, Fehler und Vorschläge für neue Funktionen zu bearbeiten. StackOverflow(http://stackoverflow.com/questions/tagged/leaflet) ist ein besserer Ort für die Fehlerbehebung bei der Verwendung der Bibliothek. Wenn Sie glauben, dass dies von einem Fehler herrührt, posten Sie Ihren Beispielfall auf einer JSFiddle- oder einer anderen Demo-Site.

Sieht so aus, als ob das Problem mit der Implementierung in MVVM zusammenhängt und kein Fehler ist. Ich werde versuchen, mithilfe des Merkblatts einige MVVM-Beispiele zu suchen.

gleiches Problem hier ... was könnte es sein?

@ralexrdz vielleicht ein Container, den Sie mehr als einmal initialisieren?

@mourner Das HTML ist im Grunde ein HTML-Kopf, der js und css und ein div mit id = "map" lädt. Und das einzige js, das ich habe, ist
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
Zuordnung: 'Kartendaten © OpenStreetMap contributors, CC-BY-SA , Imagery © Mapbox ',
maxZoom: 18,
id: 'mapboxMapId,
accessToken: 'mapboxAccessToken'
}).addTo(Karte);
Wie kann das sein, dass ein Container vorher initialisiert wird?

Ich habe das gleiche Problem, ich verwende die Broschüre in React

Das wird wahrscheinlich ein React-Leaflet-Bug sein @epicallan

@danzel Ich benutze React, seinen React-Leaflet-Bug, habe gerade ein paar Hackerumgehungen gemacht

@epicallan Kannst du bitte erklären, was du getan hast? Ich habe das gleiche Problem mit React und Leaflet.

Prüfen Sie vor dem Initialisieren der Karte, ob die Karte bereits initiiert wurde oder nicht

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

@Dipinrajc Mit dieser Methode können Sie nicht mit der Maus auf die Karte ziehen.

Irgendeine Idee, wie man die Karte wieder mit der Maus @adrielstar zieht ?

Ich verwende diese @fillipefeitosa .

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

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

um den Inhalt von div neu zu laden, wo die Karte gerendert wird.
Hoop, das wird dir auch helfen

Danke Freund, aber das hat nicht funktioniert. Es hat mein var map durch das div ersetzt und die Karte wird nicht geladen

Prüfen Sie vor dem Initialisieren der Karte, ob die Karte bereits initiiert wurde oder nicht

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

Gibt es dafür eine vorhandene Merkblattmethode?

gleiches problem bei mir :(

Prüfen Sie vor dem Initialisieren der Karte, ob die Karte bereits initiiert wurde oder nicht
var container = L.DomUtil.get('map');
if(container != null){
container._leaflet_id = null;
}

Gibt es dafür eine vorhandene Merkblattmethode?

@enzojimenez , Sie können dafür eine Methode erstellen, wie ich sie unten erstellt habe

function initializingMap() // Rufen Sie diese Methode auf, bevor Sie Ihre Karte initialisieren.
{
var container = L.DomUtil.get('map');
if(container != null){
container._leaflet_id = null;
}
}

Um das Problem zu lösen, definieren Sie:
* als Karte aus 'Merkblatt' importieren;

@ViewChild ('map') mapElement: ElementRef;
Karte: Karte.Karte;

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

Lösung: https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

wie gesagt , so geht das am besten:
if (map != undefined) { map.remove(); }

Prüfen Sie vor dem Initialisieren der Karte, ob die Karte bereits initiiert wurde oder nicht

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

Sie sind ein Engel