HTML DOM Geolocation coords.altitude Property

In this article, we will discuss the Geolocation altitude property. Geolocation in HTML is used to get the geographical position of a user. The getCurrentPosition() method, in this geolocation, returns an object on success.

coords.altitude: This property will return the altitude in meters above the sea level.

Syntax:

coords.altitude

Example: The following HTML code will return the altitude.

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" 
          content="width=device-width,initial-scale=1">
</head>

<body>
    <h2 style="color:green">GeeksforGeeks</h2>
    <p><b> Displaying Altitude</b></p>

    <button onclick="getlocation()"> Click Me </button>
    <p id="paraID"></p>

  
    <script>
       var variable1 = document.getElementById("paraID");

        function getlocation() {
            navigator.geolocation.getCurrentPosition(showLoc);
        }

        function showLoc(pos) {
            variable1.innerHTML = "Altitude: " 
              + pos.coords.altitude;
        }
    </script>
</body>
</html>

Output:

Supported Browsers:

Google Chrome 5.0
Internet Explorer 9.0
Firefox 3.5
Opera 16.0
Safari 5.0

HTML DOM Geolocation coords.altitude Property

Explore