Angular Google Maps mapClick事件不起作用

问题描述

使用Angular Google Map （AGM），我试图在单击地图时添加一个新标记。为此，我添加了一个事件 mapClick ，该事件会将带有坐标的事件发送到 addMarker 方法。

<agm-map [latitude]="location.latitude" [longitude]="location.longitude" (mapClick)="addMarker($event.coords.lat,$event.coords.lng)">
<agm-marker [latitude]="location.latitude" [longitude]="location.longitude"></agm-marker>

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

import { Location } from '../models/map-model';

@Component({
  selector: 'app-map',templateUrl: './map.component.html',styleUrls: ['./map.component.scss']
})
export class MapComponent implements OnInit {
  public location: Location;
  public markers: [];

  constructor() { /*empty*/ }

  ngOnInit(): void {
    this.location = {
      latitude: -28.68352,longitude: -147.20785
    }
  }

  addMarker(latitude: number,longitude: number) {
    console.log(`latitude: ${latitude},longitude: ${longitude}`);
  }
}

问题：

无法获取坐标。 html =“未定义标识符坐标”时发生错误
当我在控制台上打印 event 时，返回“ c”。

enter image description here

解决方法

这是最新发布的版本中的bug。 3.0.0-beta.0

它显然已修复，但尚未发布。

您可以还原为^1.1.0。

或实施workaround suggested in the issue。

angular marker