地理位置坐标：经度属性

基线广泛可用

此功能已得到充分确立，并且可在许多设备和浏览器版本中使用。它自以下时间起在浏览器中可用 2015 年 7 月.

安全上下文：此功能仅在安全上下文（HTTPS）中可用，在某些或所有支持的浏览器中可用。

longitude 是 GeolocationCoordinates 接口的只读属性，它是一个数字，表示地理位置的经度，以十进制度表示。连同以毫秒为单位的 Unix 时间给出的时间戳（指示测量时间），GeolocationCoordinates 对象是 GeolocationPosition 接口的一部分，该接口是由获取并返回地理位置的地理位置 API 函数返回的对象类型。

值

longitude 中的值是 Coordinates 对象描述的地球上的位置的地理经度，以十进制度表示。该值由世界大地测量系统 1984 规范 (WGS 84) 定义。

注意：零子午线（也称为本初子午线或参考子午线）与大多数人想到的格林尼治子午线并不完全相同。相反，它是 IERS 参考子午线，它位于格林尼治子午线的东部 5.3 角秒（102 米/335 英尺）。这是全球定位系统 (GPS) 使用的相同标准。

示例

在这个简单的示例中，我们获取用户的地理位置，并在返回坐标后显示。

JavaScript

下面的 JavaScript 代码创建了一个事件侦听器，以便当用户单击按钮时，检索并显示位置信息。

let button = document.getElementById("get-location");
let latText = document.getElementById("latitude");
let longText = document.getElementById("longitude");

button.addEventListener("click", () => {
  navigator.geolocation.getCurrentPosition((position) => {
    let lat = position.coords.latitude;
    let long = position.coords.longitude;

    latText.innerText = lat.toFixed(2);
    longText.innerText = long.toFixed(2);
  });
});

在设置变量以更方便地引用按钮元素以及将纬度和经度绘制到的两个元素后，通过在 <button> 元素上调用 addEventListener() 来建立事件侦听器。当用户单击按钮时，我们将获取并显示位置信息。

收到 click 事件后，我们调用 getCurrentPosition() 以请求设备的当前位置。这是一个异步请求，因此我们提供了一个回调，该回调接收描述确定位置的 GeolocationPosition 对象作为输入。

从 GeolocationPosition 对象中，我们使用 position.coords.latitude 和 position.coords.longitude 获取用户的纬度和经度，以便我们可以更新显示的坐标。两个 <span> 元素在转换为具有两位小数的值后更新以显示相应的值。

HTML

用于呈现结果的 HTML 如下所示

html

<p>
  Your location is <span id="latitude">0.00</span>° latitude by
  <span id="longitude">0.00</span>° longitude.
</p>
<button id="get-location">Get My Location</button>

结果

在此处试用此示例

规范

规范
地理位置 # 纬度-经度和精度属性

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅

使用地理位置 API
它所属的 GeolocationCoordinates 接口。
GeolocationPosition 接口，它是用于从地理位置 API 函数 Geolocation.getCurrentPosition() 和 watchPosition() 返回地理位置数据的顶级接口。