javascript - 将 Geolocation API 编写为 Angular 的 Promise 或 Observable

Question

这个问题已经有答案了:

Angular 2, subscribe when coordinates are received (1 个回答)

上个月关闭。

我正在使用 Angular 6，需要在 promise 中获取位置数据。 geolocation API有成功和错误的回调 navigator.geolocation.getCurrentPosition(successCallback, errorCallback);

w3c Geolocation API

[NoInterfaceObject]
interface Geolocation {
  void getCurrentPosition(PositionCallback successCallback,
  optional PositionErrorCallback errorCallback,
  optional PositionOptions options);

  long watchPosition(PositionCallback successCallback,
  optional PositionErrorCallback errorCallback,
  optional PositionOptions options);

  void clearWatch(long watchId);
};

如何为 Angular 编写利用成功和错误回调的 Promise 或 Observable？

Answer 1

以可观察的方式，

getLocation(): Observable<any> {
 return new Observable(obs => {
  navigator.geolocation.getCurrentPosition(
    success => {
      obs.next(success);
      obs.complete();
    },
    error => {
      obs.error(error);
    }
  );
});
}