插入在谷歌地图在Angular2数据库中的位置

Question

我想要建立一个Angula2应用程序，我想获得位置（经度和纬度），当我点击地图上的一个点，以便能够插入这些字段我的数据库。 这里是地图代码：

<sebm-google-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [backgroundColor]="backgroundColor" > 
    <sebm-google-map-marker *ngFor=" let post of posts" [latitude]="post.lapti" [longitude]="post.longi" ></sebm-google-map-marker> 
</sebm-google-map> 

任何解决方案？

Answer 1

你有mapclick事件：

<sebm-google-map (mapClick)="getPosition($event)" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [backgroundColor]="backgroundColor" > 
    <sebm-google-map-marker *ngFor=" let post of posts" [latitude]="post.lapti" [longitude]="post.longi" ></sebm-google-map-marker> 
</sebm-google-map> 

...

getPosition(event: MouseEvent) { 
    let coords: LatLngLiteral = event.coords; //coords.lat, coords.lng are numbers 
    console.log(coords.lat); //the clicked point latitude 
    console.log(coords.lng); //the clicked point longitude 
    ... 
} 

Plunker这里：http://plnkr.co/edit/UWl3Tm