导航谷歌地图屏幕到更新的标记位置

Has*_*ali 5 google-maps angular2-services angular

我正在使用 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 });
    };
}
Run Code Online (Sandbox Code Playgroud)

这是我的 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
}
Run Code Online (Sandbox Code Playgroud)

这是我更新标记后的屏幕。标记丢失。谢谢 在此处输入图片说明

Has*_*ali 2

我能够找出问题所在。基本上问题是我用不同的变量映射“agm-marker”和“agm-map”[纬度]和[经度]。因此,一旦我开始使用相同的变量映射它,它就开始正常工作。

<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>
Run Code Online (Sandbox Code Playgroud)