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" >w3wiki</ 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