Карта листовок не отображается, отсутствует некоторые детали [дублировать] ⇐ Javascript

[Anonymous]

После рендеринга компонента листовок в моем угловом приложении некоторые карты-изображения/плитки отсутствуют, вот мой код

Код: Выделить всё

import { Component, Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
import { DOCUMENT } from '@angular/common';

@Component({
selector: 'app-leaflet-offline-maps',
standalone: true,
imports: [],
templateUrl: './leaflet-offline-maps.component.html',
styleUrls: ['./leaflet-offline-maps.component.css']
})
export class LeafletOfflineMapsComponent {
private isBrowser: boolean;

constructor(
@Inject(PLATFORM_ID) private platformId: Object,
@Inject(DOCUMENT) private document: Document
) {
this.isBrowser = isPlatformBrowser(platformId);
}

async ngOnInit(): Promise {
if (this.isBrowser) {
const L = await import('leaflet');

const map = L.map('map').setView([42.4304, 19.2594], 13);

L.tileLayer('http://localhost:8080/tile/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);
}
}
}
< /code>
и < /p>

Также я уже установлен лист>

Подробнее здесь: https://stackoverflow.com/questions/796 ... some-parts