javascript - navigator.geolocation.getCurrentPosition 在 iOS 上失败

Question

这适用于 Safari在 Mac OS X , 和 Chrome在两个Mac OS X和 Android .但它在 Safari 上失败了在 iOS (在 iPhone 8 和 iPad 上测试)。

if (navigator.geolocation) {
  alert('geolocation OK');
  navigator.geolocation.getCurrentPosition(function(position) {
    alert('getCurrentPosition OK');
    BaseLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
    initMap();
  });
}

我收到警报 geolocation OK , 但第二个 getCurrentPosition OK未显示在 iOS 上和 initMap永远不会被调用。

如何调试，我没有 USB 线连接我的 iPhone或 iPad .

Answer 1

我知道这是一篇旧帖子，但我们在处理 navigator.geolocation.getCurrentPosition() 时遇到了一些重大问题在standalone iOS Safari 中的模式。

我发布了一个更全面的答案 here但我们最终代码的一般要点是:

export function getUserPosition(): Promise<GeolocationPosition> {
  const promiseArray = [];

  if (navigator.standalone) {
    promiseArray.push(
      new Promise((resolve, reject) => {
        const wait = setTimeout(() => {
          clearTimeout(wait);
          reject('Location has timed out');
        }, 4000);
      })
    );
  }

  const getCurrentPositionPromise = new Promise((resolve, reject) => {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(resolve, reject, {
        timeout: 5000,
        maximumAge: 2000,
        enableHighAccuracy: true,
      });
    } else {
      reject(new Error('Browser does not support geolocation!'));
    }
  });

  promiseArray.push(getCurrentPositionPromise);

  return Promise.race(promiseArray) as Promise<GeolocationPosition>;
}