Angular5和谷歌地图v3 Api -从地图的“单击”事件中获取坐标

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

declare var google: any;

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {
  map: any;

  ngOnInit() {
    // 创建地图对象
    this.map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 0, lng: 0}, // 设置地图中心点
      zoom: 10 // 设置地图缩放级别
    });

    // 添加单击事件监听器
    this.map.addListener('click', (event) => {
      // 获取单击事件的坐标
      const latLng = event.latLng;
      const latitude = latLng.lat();
      const longitude = latLng.lng();

      // 在控制台输出坐标信息
      console.log('Latitude: ' + latitude);
      console.log('Longitude: ' + longitude);

      // 其他处理逻辑...
    });
  }
}