HTML DOM Geolocation coords.heading 属性介绍

在 HTML DOM Geolocation 接口中，coords.heading 属性用于表示地理位置的方向。

语法

const heading = coords.heading;

值

coords.heading 属性返回一个表示设备方向的无符号十进制浮点数。它表示了设备相对于真实北方向的方向，以度数表示，范围在 0 到 360 之间。

• 如果设备无法提供方向信息，或者方向未知，则 coords.heading 的值为 null。
• 如果设备提供了方向信息但无法获取准确值，则 coords.heading 的值为 NaN。

示例

navigator.geolocation.getCurrentPosition(success, error);

function success(position) {
  const heading = position.coords.heading;
  if (heading === null) {
    console.log('无法提供方向信息');
  } else if (isNaN(heading)) {
    console.log('无法获取准确的方向值');
  } else {
    console.log('方向为: ' + heading + ' 度');
  }
}

function error() {
  console.log('获取位置信息失败');
}

请注意，要使用该属性，你需要用户授权并启用浏览器的地理定位功能。

浏览器兼容性

coords.heading 属性在以下浏览器中被支持：

• Chrome
• Firefox
• Safari
• Opera
• Edge

更多详细的浏览器支持信息，请参阅 CanIUse.com.

请注意，浏览器可能需要 HTTPS 提供的连接才能使用地理定位功能。

参考文档

• MDN web docs: Geolocation API
• MDN web docs: Coords.heading - Geolocation

以上是关于 HTML DOM Geolocation coords.heading 属性的介绍。使用该属性可以获取设备的方向信息，帮助开发者在地理位置相关应用中实现更多功能。