HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>getCurrentPosition demo</title>
</head>
<body>
  <h1>Get current position</h1>
  <p>Click the button. Your browser will ask to share location.</p>
  <button type="button" id="btn">Get Location</button>
  <pre id="out">(waiting)</pre>

  <script>
    document.getElementById('btn').onclick = function () {
      var out = document.getElementById('out');

      if (!navigator.geolocation) {
        out.textContent = 'Geolocation is not supported in this browser.';
        return;
      }

      out.textContent = 'Requesting location...';

      navigator.geolocation.getCurrentPosition(
        function (position) {
          var c = position.coords;
          out.textContent =
            'Latitude: ' + c.latitude + '\n' +
            'Longitude: ' + c.longitude + '\n' +
            'Accuracy: ' + c.accuracy + ' meters';
        },
        function (error) {
          out.textContent = 'Error: ' + error.message;
        },
        { enableHighAccuracy: true, timeout: 10000 }
      );
    };
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Geolocation — getCurrentPosition