Horje
How to Use HTML Geolocation

The getCurrentPosition() method is used to return the user's position.

The example below returns the latitude and longitude of the user's position:


Example of using HTML GEO LOCATION

Try following Example
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>
<h1>HTML Geolocation</h1>
<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
const x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;
}
</script>

</body>
</html>

Output should be:

Example of using HTML GEO LOCATION

Example explained:

The example above is a very basic Geolocation script, with no error handling.






Related Articles
What is HTML Geolocation API HTML Geolocation API
How to create HTML Locate the User's Position HTML Geolocation API
What type of browsers will support for HTML Geo Location HTML Geolocation API
How to Use HTML Geolocation HTML Geolocation API
How to add Handling Errors and Rejections HTML Geolocation API
What is Location-specific Information HTML Geolocation API
How to create HTML getCurrentPosition() Method - Return Data HTML Geolocation API
How to create HTML Geolocation Object - Other interesting Methods HTML Geolocation API

Single Articles
Example of using HTML GEO LOCATIONHTML Geolocation API
Example explained:HTML Geolocation API

Read Full:
HTML Geolocation API
Category:
Web Tutorial
Sub Category:
HTML Geolocation API
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
62


Reffered: https://www.w3schools.com/html/html5_geolocation.asp

Share on: