GeolocationCoordinates: свойство longitude

Только для чтения longitude свойство интерфейса GeolocationCoordinates — число, представляющее долготу географической позиции в десятичных градусах. Вместе со временем, указанным в миллисекундах времени Unix, указывающим время измерения, объект GeolocationCoordinates является частью интерфейса GeolocationPosition, который представляет собой тип объекта, возвращаемого функциями API геолокации, получающими и возвращающими географическую позицию.

Значение в longitude — это географическая долгота местоположения на Земле, описываемая объектом Coordinates в десятичных градусах. Значение определено спецификацией системы мировой геодезии 1984 года (WGS 84).

В этом простом примере мы получаем местоположение пользователя и отображаем полученные координаты после их возвращения.

Приведённый ниже код 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);
  });
});

После создания переменных для более удобной ссылки на элемент кнопки и двух элементов, в которые будут отображаться широта и долгота, обработчик событий устанавливается путём вызова addEventListener() для элемента <button>. При нажатии пользователем кнопки мы получим и отобразим информацию о местоположении.

При получении события click мы вызываем getCurrentPosition() для запроса текущего местоположения устройства. Это асинхронный запрос, поэтому мы предоставляем обратный вызов, который принимает в качестве входных данных объект GeolocationPosition, описывающий определённое местоположение.

Из объекта GeolocationPosition мы получаем широту и долготу пользователя, используя position.coords.latitude и position.coords.longitude, чтобы обновить отображаемые координаты. Два элемента <span> обновляются для отображения соответствующих значений после преобразования в значение с двумя десятичными знаками.

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>

Протестируйте этот пример здесь:

• Использование API геолокации
• Интерфейс GeolocationCoordinates, к которому он принадлежит.
• Интерфейс GeolocationPosition, который является интерфейсом верхнего уровня, используемым для возвращения данных геолокации из функций API геолокации Geolocation.getCurrentPosition() и watchPosition().