获取 angular 中当前位置的坐标

Question

我在服务中创建了以下函数，以获取当前位置的坐标并将它们存储在 2 个变量中：

  getCurrentLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(position => {

        this.currLat = position.coords.latitude;
        this.currLng = position.coords.longitude;
      });
    }
    else {
      alert("Geolocation is not supported by this browser.");
    }
  }

如何通过此函数 return 坐标以便在组件中使用它们？

Answer 1

你可以return一个承诺。

locationService.ts

 getPosition(): Promise<any>
  {
    return new Promise((resolve, reject) => {

      navigator.geolocation.getCurrentPosition(resp => {

          resolve({lng: resp.coords.longitude, lat: resp.coords.latitude});
        },
        err => {
          reject(err);
        });
    });

  }

component.ts

  this.locationService.getPosition().then(pos=>
  {
     console.log(`Positon: ${pos.lng} ${pos.lat}`);
  });

Answer 2

以防万一，如果您想不断请求该职位，请使用

navigator.geolocation.watchPosition(res => ...

获取 angular 中当前位置的坐标

Get coordinates of current location in angular

google-maps

geolocation

angular