‘MouseEvent’类型中不存在属性’coords’.在Angular2-google-m

mapClicked($event: MouseEvent) {
this.markers.push({
  lat: $event.coords.lat,lng: $event.coords.lng,draggable: false
});

这只是由于 default MouseEvent interface没有coords属性而打字的Typescript,但是因为你正在使用angular2-google-maps你知道coords属性将在那里( ng2 google maps MouseEvent interface)所以你可以通过使用任何来避免编译时错误而不是像这样的MouseEvent：

mapClicked($event: any) {
this.markers.push({
  lat: $event.coords.lat,draggable: false
});

编辑

就像@Bruno Garcia所指出的那样,解决这个问题的更好方法是从AGM库导入适当的接口.这样,您可以为该MouseEvent事件使用IDE的输入和自动完成功能.

但是,不像他在回答中描述的那样导入MouseEvent,我宁愿使用别名,以避免与默认的MouseEvent接口混淆：

import { MouseEvent as AGMMouseEvent } from '@agm/core';

然后只使用该别名：

mapClicked($event: AGMMouseEvent) { ... }