angular - agm-marker 的 markerClick() 返回 null

Question

从 angular google maps API 中，我们有一个具有以下定义的markerClick() 函数，

 @Output() markerClick: EventEmitter<void> = new EventEmitter<void>();

但是当我在我的应用程序中使用时，我得到 空 .

我有以下应用程序代码，

在我的 HTML 文件中，

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
        <agm-marker *ngFor="let marker of coordinates;" 
        [iconUrl]="icon" 
        [latitude]="marker.latitude" 
        [longitude]="marker.longitude"
        [markerClickable]="true"
        (markerClick)="markerClicked($event)">
    </agm-marker>
    </agm-map>

在 .TS 文件中，

 markerClicked($event: MouseEvent) {
    console.log('clicked'); ----------------(1)
    console.log($event);--------------------(2)
  }

对于语句 (2)，我得到 NULL 作为控制台输出。
我期待它是标记对象。我的理解有误吗？
如何从markerClick() 函数中获取纬度和经度。

请注意，我已经在使用 mapClick() 的函数agm-map 标签 ，但是当我使用该功能时，它没有响应点击 map 上已经绘制的标记。

Answer 1

如果您查看 FILE它总是发出更深的信号 null :

this.markerClick.emit(null); // line no : 192

你可以做的是改变这一点:

(markerClick)="markerClicked($event)"

到 :

(markerClick)="markerClicked(marker)" // this way you will get the marker object

WORKING DEMO (点击任何可用的标记)