Браузер комп'ютера використовує мережу WIFI або IP для визначення свого місця положення, тоді як мобільний телефон користується методом триангуляції через оператора зв'язку по їхнім вишкам, або GPS. В будь-якому разі, координати отримуються і обробляються браузером за допомоги HTML Geolocation API
після чого відображають просторові дані - довготу, широту і висоту над рівнем моря:
/* Форма отримання інформації по Geolocation API */
[js]
function getLocation() {
// Перевіряємо, чи пдтримує браузер Geolocation API
if (navigator.geolocation) { // Підтримує
navigator.geolocation.
getCurrentPosition(getPosition);
} else { // Не підтримує
alert("Помилка! Цей браузер не підтримує HTML Geolocation.");
}
}
function getPosition(position) {
document.getElementById("location").
innerHTML =
"Lat: " + position.coords.latitude.toFixed(4) + "<br>" +
"Lon: " + position.coords.longitude.toFixed(4);
}
Скрипт можна поєднати з кнопкою, або іншою подією. Основна документація по Geolocation API з прикладами знаходиться на сайті W3C.github.io Приклад коду в Berry:
<!-- Форма отримання інформації по Geolocation API -->
[HTML]
<div class="grid-var" style="--gap: 20px 10px; --columns: 180px 120px auto;">
<div class="grid-item-var" style="--column: 3/3; --row: 1/3"><p id="location"></p></div>
<div class="pad15-t"><h5 class="">Мої координати</h5></div>
<div class="pad5"><button class="button button1" type="button" onclick="getLocation()">Знайти</button></div>
</div>
Мої координати