小编Jol*_*lo 的帖子

传单地图,无法正确渲染图块

我正在使用 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)

leaflet typescript angular8

4
推荐指数
1
解决办法
4187
查看次数

标签 统计

angular8 ×1

leaflet ×1

typescript ×1