Геолокация API HTML

Сложность: Продвинутый

Geolocation API в HTML

Получение географического местоположения пользователя.

Пример использования:

<button onclick="getLocation()">Получить местоположение</button>
<div id="location"></div>

<script>
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
        document.getElementById("location").innerHTML = 
            "Геолокация не поддерживается этим браузером.";
    }
}

function showPosition(position) {
    const locationDiv = document.getElementById("location");
    locationDiv.innerHTML = 
        "Широта: " + position.coords.latitude + "<br>" +
        "Долгота: " + position.coords.longitude + "<br>" +
        "Точность: " + position.coords.accuracy + " метров";
}

function showError(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            alert("Пользователь отказал в запросе геолокации");
            break;
        case error.POSITION_UNAVAILABLE:
            alert("Информация о местоположении недоступна");
            break;
        case error.TIMEOUT:
            alert("Время запроса истекло");
            break;
        case error.UNKNOWN_ERROR:
            alert("Произошла неизвестная ошибка");
            break;
    }
}
</script>