APIから座標を取得してGoogleマップに表示

Question

指定されたAPIから位置座標を取得し、角度2の私のページに埋め込まれたGoogleマップの領域を表示する必要があります。 MapComponent.ts MapComponent.html

<div class="container"> 

<sebm-google-map ([latitude])="lat" ([longitude])="lng"> 
    <!-- <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker> --> 
</sebm-google-map> 
</div> 

import { Component, OnInit } from '@angular/core'; 
import {DataService} from '../shared/DataService'; 
@Component({ 
    selector: 'app-maps', 
    templateUrl: './maps.component.html', 
    styleUrls: ['./maps.component.css'] 
}) 
export class MapsComponent implements OnInit { 
    lat: number; 
    lng: number; 
    constructor(private location:DataService) { } 
loc:any; 
    ngOnInit() { 
    this.location.getDetails().subscribe((data)=> 
    { 
    this.lat=data.store.location[0]; 
    this.lng=data.store.location[1]; 
    console.log(this.lat+" "+this.lng); 

    }) 
    } 

} 

は、しかし、私はちょうどマップゾーンにブルースクリーンを取得しています。私が（経度）を[経度]に変更するとき、私はいくつかの都市を取得しています。なぜそうなのですか？

Answer 1

[longitude]="lng"は、一方向のデータバインディング用です。コンポーネントの "lng"プロパティで値を取得し、マップコンポーネントの "経度"入力に割り当てるように指示しています。

双方向データバインディングの構文は[(longitude)]="lng"

私はすなわち([longitude])="lng"（あなたが丸い四角形を持っていることに注意して、コンパイラが動作しませんあなたの構文で何をするかは非常にわからないだろう有効な双方向バインディング構文となるものからスワップされた中カッコ）。

詳細については、https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding