HTML Geolocation API

<button onclick="getLocation()">Where am I?</button>
<p id="demo"></p>

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

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

// This function runs automatically once the user clicks "Allow"
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;
}
</script>

navigator.geolocation.getCurrentPosition(showPosition, showError);

function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "Location information is unavailable."
      break;
    case error.TIMEOUT:
      x.innerHTML = "The request to get user location timed out."
      break;
  }
}

<button onclick="getMapLink()">Open My Location in Google Maps</button>
<div id="map-link"></div>

<script>
function getMapLink() {
    navigator.geolocation.getCurrentPosition(function(position) {
        let lat = position.coords.latitude;
        let lon = position.coords.longitude;
        let url = `https://www.google.com/maps?q=,`;
        
        document.getElementById("map-link").innerHTML = 
            `<a href="" target="_blank">Click to view on Map!</a>`;
    });
}
</script>