更新されたマーカー位置にgoogleマップ画面をナビ

Question

私は地図のもののためのAGM（角度グーグルマップ）を使用しています。私は現在の位置の緯度と経度を返すgetCurrentLocationボタンを配置しました。マーカーをその場所に更新できますが、地図がその特定の場所に移動していません。ここに私のサンプルコードです。

getCurrentLocation() { 

    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition((response) => { 
      this.setPosition(response); 
     }, function() { 
      alert("Unable to get the GPS location"); 
     }, { maximumAge: 60000, timeout: 5000, enableHighAccuracy: true }); 
    }; 
} 

、ここでは私のsetPositionメソッド

setPosition(position: Position) { 
    this.marker.lat = position.coords.latitude; 
    this.marker.lng = position.coords.longitude; 
    //What to do here to move screen to this marker position 
} 

ここでマーカーを更新した後、私の画面がでています。マーカーは失われています。ありがとう

Answer 1

agm-mapコンポーネントに緯度と経度を指定すると、その座標の周りにマップの中心を置くことができます。

<agm-map [latitude]="latitude" [longitude]="longitude"> 
    <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker> 
</agm-map> 

上記の例では、マーカーの周りにマップが配置されています。 API docsから

：

• latitude：地図の中心を定義する緯度。
• longitude：マップの中心を定義する経度。

Answer 2

私は問題を見つけ出すことができました。基本的に問題は、私は 'agm-marker'と 'agm-map' [latitude]と[longitude]を異なる変数でマッピングしていたことです。ですから、同じ変数でマップし始めたら、うまく動作するようになりました。

<agm-map [latitude]="signageRequest.gpsXcoordinate" [clickableIcons]="gpsXcoordinateStatus.readonly" [mapDraggable]="!gpsXcoordinateStatus.readonly" 
[longitude]="signageRequest.gpsYcoordinate" [zoom]="zoom" [disableDefaultUI]=false [zoomControl]=false (mapClick)="mapClicked($event)" 
    [usePanning]="true"> 
    <agm-marker [latitude]="signageRequest.gpsXcoordinate" [longitude]="signageRequest.gpsYcoordinate" [markerDraggable]="false" 
      (dragEnd)="markerDragEnd(marker, $event)"></agm-marker> 
</agm-map>