javascript - 检查是否允许地理定位并获取 Lat Lon

Question

我正在构建一个小脚本，客户将在其页面上安装该脚本。地理定位对它来说不是必需的，但是如果它存在，那将是很好的。有没有办法让我检查客户端页面是否请求了地理位置信息，以及用户是否选择了允许获取纬度和经度而不创建另一个提示？

Answer 1

使用地理定位 API 是不可能的，但是使用新的权限 API 是可能的

如果您想尝试接收坐标但又不想用提示对话框打扰用户，因为坐标不是那么重要并且可能会回退到 geoIP，此代码很有用

function getCoords() {
  return new Promise((resolve, reject) =>
    navigator.permissions ?

      // Permission API is implemented
      navigator.permissions.query({
        name: 'geolocation'
      }).then(permission =>
        // is geolocation granted?
        permission.state === "granted"
          ? navigator.geolocation.getCurrentPosition(pos => resolve(pos.coords)) 
          : resolve(null)
      ) :

    // Permission API was not implemented
    reject(new Error("Permission API is not supported"))
  )
}

getCoords().then(coords => console.log(coords))

如果未授予权限，这将解析为 null，如果浏览器不支持某些 javascript 代码，则抛出错误，如果已授予权限，则解析为坐标