Ich verwende Leaflet in meiner Ionic 2 App. Wenn Sie die App zum ersten Mal ausführen. Alles ist in Ordnung. Aber wenn ich auf eine andere Seite und zurück zur Karte gehe, bekomme ich die folgende Ausnahme:LeafletJS: Kartencontainer ist bereits initialisiert
AUSNAHME: Fehler: Uncaught (in Versprechen): AUSNAHME: Fehler in Build/seiten/map/map.html: 12: 18 ORIGINAL EXCEPTION: Fehler: Map-Container ist bereits initialisiert. ORIGINAL STACKTRACE: Fehler: Kartencontainer ist bereits initialisiert.
Die private Variable map ist null, wenn Sie auf diese Seite zurückkehren. Überprüfen Sie diese Variable für null beeing hat keine Auswirkung, weil ich das Problem denke, die neue L.Map ist ('mainmap', ...
export class MainMapComponent {
private map;
constructor(
private mapService: MapService,
private geoCodingService: GeocodingService) { }
ngOnInit() {
console.log(this.map);
if(this.map == null) this.initMap();
}
initMap() {
console.log('init');
if(this.map) this.map.remove();
this.map = new L.Map('mainmap', {
zoomControl: false,
center: new L.LatLng(40.731253, -73.996139),
zoom: 12,
minZoom: 4,
maxZoom: 19,
layers: [this.mapService.baseMaps.OpenStreetMap],
attributionControl: false
});
console.log(this.map);
}
}
Was ist der Code der Vorlage mit Ihrer Komponente verbunden? Und wo befindet sich deine 'Hauptkarte'? In Ihrer Komponentenvorlage? Vielen Dank! –