我正在使用 leafletjs 作为我的应用程序的地图功能。安装好了,写了一些简单的代码,看一张图。虽然图块没有正确渲染

即使我拖到另一个地方,它仍然缺少一块块瓷砖。这是我的代码
超文本标记语言
<div #map style="width:100%; height:100%;"
leaflet
(leafletMapReady)="onMapReady($event)"
[leafletOptions]="options">
</div>
Run Code Online (Sandbox Code Playgroud)
TS
import { Component, OnInit } from '@angular/core';
import { latLng, MapOptions, tileLayer } from 'leaflet';
@Component({
selector: 'app-map',
templateUrl: './map.component.html',
styleUrls: ['./map.component.scss']
})
export class MapComponent implements OnInit {
options: MapOptions;
constructor() { }
ngOnInit(): void {
this.options = {
layers: [
tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: '...', minZoom: 5 })
],
zoom: 5,
center: latLng(46.879966, -121.726909)
};
}
onMapReady(map) {
console.log("SHITS HERE DUMBAASS");
setTimeout(() => …Run Code Online (Sandbox Code Playgroud)