2017-04-13 6 views
1

Angula2アプリケーションを作成しようとしていますが、地図内のポイントをクリックしてその位置を挿入すると、位置(緯度と経度)を取得したい私のデータベース。Angular2のGoogleマップをデータベースに挿入する

<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> 

どれソリューション: ここでマップコードとは?

答えて

2

あなたは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

+0

あなたは私がgetPosition関数で記述する必要があり、より何を説明できますか? –

+0

私は 'console.log'を追加しました、それは良いですか、私はあなたの質問の感覚を逃していますか? –

+0

タイプMouseEventにプロパティーコードが存在しないことを示します –

関連する問題