在Angular中使用Leaflet地图时，可能会遇到地图不正确地调整大小的问题。这可能是由于Angular的变化检测机制导致的。

要解决这个问题，可以尝试以下方法：

1. 在你的组件的ngAfterViewInit生命周期钩子中初始化地图，并使用setTimeout延迟执行地图的初始化代码。这样可以确保地图在Angular变化检测完成后再进行初始化，并正确地调整大小。

import { Component, AfterViewInit } from '@angular/core';
import * as L from 'leaflet';

@Component({
  selector: 'app-map',
  template: '
',
})
export class MapComponent implements AfterViewInit {
  ngAfterViewInit() {
    setTimeout(() => {
      const map = L.map('map').setView([51.505, -0.09], 13);
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '© OpenStreetMap contributors'
      }).addTo(map);
    });
  }
}

2. 使用@ViewChild装饰器获取地图元素的引用，并在ngAfterViewInit生命周期钩子中调整地图的大小。

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
import * as L from 'leaflet';

@Component({
  selector: 'app-map',
  template: '
',
})
export class MapComponent implements AfterViewInit {
  @ViewChild('mapRef') mapRef: ElementRef;

  ngAfterViewInit() {
    const map = L.map(this.mapRef.nativeElement).setView([51.505, -0.09], 13);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: '© OpenStreetMap contributors'
    }).addTo(map);

    setTimeout(() => {
      map.invalidateSize();
    });
  }
}

这些方法中的任何一个都可以解决地图不正确地调整大小的问题。