HTML DOM Geolocation coords.latitude Property
In this article, we will discuss the Geolocation latitude 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.latitude: This property will return the latitude as a decimal number.
Please refer to the HTML Geolocation article for further details about the other location properties.
Syntax:
coords.latitude
Return Value:- This property returns the latitude as a decimal number.
Example: The following HTML code will return the latitude.
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 location using latitude</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 = "Latitude: " + pos.coords.latitude; } </script></body></html> |
Output:
Supported Browsers:
- Google Chrome
- Microsoft Edge
- Firefox
- Opera
- Safari
Please Login to comment...