首页 > 解决方案 > 在浏览器中打开 devtools 之前,传单地图未完全渲染 - 角度版本 10 中面临的问题

问题描述

在此处输入图像描述即使在使用this.map.invalidateSize()地图图块后也没有完全加载。这与旧版本的 angular 7 工作得非常好,有什么解决方法吗?

代码示例:

@ViewChild('mapwindow', { static: false}) mapElement: any;
   
    this.map = L.map(this.mapElement.nativeElement, {
          center: [20.593684, 78.96288],
          zoom: 10,
          zoomControl: true,
          trackResize: true,
          layers: [osm]
        }); 
    const baseLayers = {
        OSM: osm,
        Satellite: googleSat,
        Hybrid: googleHybrid,
        Terrain: googleTerrain
    };
    L.control.layers(baseLayers, null, { position: "topright", collapsed: true }).addTo(this.map);

    this.map.invalidateSize();

标签: angularleaflet

解决方案


推荐阅读