插入在谷歌地圖在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