Angular geolocation - 显示某个位置，而不是我当前的位置

Question

此函数获取我的当前位置并在地图显示时显示它（及其坐标），但我想要输入另一个位置（假设我想显示地图及其来自 [=12 的坐标） =] 在开头，不是我现在的位置）。

我试图将我想要显示的位置作为参数提供给 getCurrentPosition，但我收到错误 Argument of type 'string' is not assignable to parameter of type 'PositionCallback'.，这是正常的，我想要输入的位置类型为 String.是否有类似将 String 转换为 Position 或添加强制转换之类的东西，或者我必须对此函数进行哪些修改才能获得我想要的内容？

此片段摘自此处 How to Make an Autocomplete Address Fields with Angular Google Maps Api。

private setCurrentPosition() {
    if ("geolocation" in navigator) {
        navigator.geolocation.getCurrentPosition((position) => {
            this.latitude = position.coords.latitude;
            this.longitude = position.coords.longitude;
            this.zoom = 12;
        });
    }
}

提前致谢！

Answer 1

我认为您误解了这段代码的工作原理。

getCurrentPosition 函数不显示某些位置，它是本机 javascript API 提供当前位置并允许您（作为开发人员）对该位置执行某些操作（使用函数 (position) => {...}）。

有趣的代码是：

<agm-map [latitude]="latitude" [longitude]="longitude" [scrollwheel]="true" [zoom]="zoom" [fullscreenControl]="true"  [mapTypeId]="'hybrid'" >
   <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>

这里是 agm-map 组件的输入参数，所以为了移动到特定位置，您只需在 AppComponent 中使用 this.latitude=...; this.longitude=...; 设置另一个纬度和经度

Answer 2

如果这对某人有帮助，我在这里找到了这个解决方案 Address instead of coordinates 并且它正在运行。

Angular geolocation - 显示某个位置，而不是我当前的位置

Angular geolocation - display a certain location, not my current position

geolocation

navigator

angular