HTML5 Geolocation

 HTML5 Geolocation

HTML5 provides a built-in API for obtaining a user's geographical location using their device's GPS or IP address. This can be useful for location-based services, such as finding nearby restaurants or stores.

Here's an example of using the HTML5 Geolocation API:

html

<button onclick="getLocation()">Get Location</button>

<script>

function getLocation() {

  if (navigator.geolocation) {

    navigator.geolocation.getCurrentPosition(showPosition);

  } else {

    alert("Geolocation is not supported by this browser.");

  }

}

function showPosition(position) {

  alert("Latitude: " + position.coords.latitude + 

  "\nLongitude: " + position.coords.longitude);

}

</script>

In this example, a button is used to trigger the getLocation() function, which checks if the browser supports geolocation and then calls the getCurrentPosition() method to retrieve the user's current position. The showPosition() function is called when the position is successfully obtained, and it displays the latitude and longitude coordinates in an alert dialog.