HTML Geolocation

What is Geolocation?

Geolocation API is used to get user's latitude and longitude.

Example

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

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

<script>
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    document.getElementById("demo").innerHTML = "Geolocation not supported";
  }
}

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

Try it Yourself

Live Demo

Previous Next