如何从使用angular绘制的地图单张中获取绘制的对象？

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-map',
  template: `
    <div #mapContainer style="height: 400px;"></div>
  `,
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {
  map: google.maps.Map;
  drawingManager: google.maps.drawing.DrawingManager;

  ngOnInit() {
    this.initMap();
  }

  initMap() {
    const mapOptions: google.maps.MapOptions = {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 12
    };

    this.map = new google.maps.Map(this.mapContainer.nativeElement, mapOptions);

    this.drawingManager = new google.maps.drawing.DrawingManager({
      drawingMode: google.maps.drawing.OverlayType.MARKER,
      drawingControl: true,
      drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: ['marker', 'circle', 'polygon', 'polyline', 'rectangle']
      }
    });

    this.drawingManager.setMap(this.map);

    google.maps.event.addListener(this.drawingManager, 'overlaycomplete', (event) => {
      const drawnObject = event.overlay;
      // 在这里可以对绘制的对象进行处理，比如保存到数据库或展示在界面上
      console.log('绘制的对象:', drawnObject);
    });
  }
}