W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<body>
<h1>HTML Geolocation</h1>
<p id="demo">Click the button to get your position.</p>

function showPosition(position) {
  let lat = position.coords.latitude;
  let lon = position.coords.longitude;
  const latlon = new google.maps.LatLng(lat, lon)
  const mapholder = document.getElementById('mapholder')
  mapholder.style.height = '250px';
  mapholder.style.width = '500px';

var myOptions = {
    center:latlon,zoom:14,
    mapTypeId:google.maps.MapTypeId.ROADMAP,
    mapTypeControl:false,
    navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
  }
    
  const map = new google.maps.Map(document.getElementById("mapholder"), myOptions);
  const marker = new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}

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;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "An unknown error occurred."
      break;
  }
}
</script>

</body>
</html>

​x
 
<!DOCTYPE html><html><body><h1>HTML Geolocation</h1><p id="demo">Click the button to get your position.</p>​<button onclick="getLocation()">Try It</button>​<div id="mapholder"></div>​<script src="https://maps.google.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU"></script><!--To use this code on your website, get a free API key from Google.Read more at: https://www.w3schools.com/graphics/google_maps_basic.asp--><script>const x = document.getElementById("demo");function getLocation() {  if (navigator.geolocation) {    navigator.geolocation.getCurrentPosition(showPosition, showError);  } else {     x.innerHTML = "Geolocation is not supported by this browser.";  }}​function showPosition(position) {  let lat = position.coords.latitude;  let lon = position.coords.longitude;  const latlon = new google.maps.LatLng(lat, lon)  const mapholder = document.getElementById('mapholder')  mapholder.style.height = '250px';  mapholder.style.width = '500px';​  var myOptions = {    center:latlon,zoom:14,    mapTypeId:google.maps.MapTypeId.ROADMAP,    mapTypeControl:false,    navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}  }      const map = new google.maps.Map(document.getElementById("mapholder"), myOptions);  const marker = new google.maps.Marker({position:latlon,map:map,title:"You are here!"});}​function showError(error) {  switch(error.code) {