此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。

View in English Always switch to English

GeolocationCoordinates:longitude 屬性

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年7月.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

GeolocationCoordinates 介面的 longitude 唯讀屬性是一個數字,表示地理位置的經度(十進位制)。連同時間戳記(以毫秒為單位的 Unix 時間),表示測量時間,GeolocationCoordinates 物件屬於 GeolocationPosition 介面,其為地理定位 API 函式獲取並返回地理位置時返回的物件類型。

值

longitude 的值是 Coordinates 物件描述的地球上位置的地理經度(十進位制)。該值由 1984 年世界大地測量系統(WGS 84)規範定義。

備註:本初子午線(也稱為本初子午線或參考子午線)與大多數人所認為的格林威治子午線並不完全相同。它是 IERS 參考子午線,位於格林威治子午線 東 5.3 角秒(102 米 / 335 英尺)。這是全球定位系統(GPS)使用的相同標準。

範例

在這個簡單的範例中,我們獲取使用者的位置並顯示返回的座標。

JavaScript

以下 JavaScript 程式碼創建了一個事件監聽器,當使用者點擊按鈕時,將檢索並顯示位置訊息。

js
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>
  你的位置是 <span id="latitude">0.00</span>° 緯度,<span id="longitude"
    >0.00</span
  >° 經度。
</p>
<button id="get-location">獲取我的位置</button>

結果

在這裡測試這個範例:

規範

Specification
Geolocation
# latitude-longitude-and-accuracy-attributes

瀏覽器相容性

參見