W3Context Online Editor v1.1

<!DOCTYPE html>
<html>

<head>
    <title>Geolocation Example</title>
</head>

<body>
    <h2>Geolocation Example with Error Handler</h2>
    <p>Click Show Data button to get device coordinates.</p>
    <button onclick="getLocation()">Show Data</button>
    <p id="demo"></p>
    <script>
        var x = document.getElementById("demo");

function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.watchPosition(function (position) {
                    x.innerHTML = "Latitude: " + position.coords.latitude +
                        "<br> Longitude: " + position.coords.longitude;

},showError);

} else {
                x.innerHTML = "Geolocation is not supported by your browser.";
            }
        }

function showError(error) {
            switch (error.code) {
                case error.PERMISSION_DENIED:
                    x.innerHTML = "User denied the request for Geolocation."
                    break;
                case error.POSITION_UNAVAILABLE:
                    x.innerHTML = "Location information is unavailable."
                    break;
                case error.TIMEOUT:
                    x.innerHTML = "The request to get user location timed out."
                    break;
                case error.UNKNOWN_ERROR:
                    x.innerHTML = "An unknown error occurred."
                    break;
            }
        }

</script>
</body>

</html>