Detect user's location using Geolocation API and Google Maps Javascript API

geolocation-google-detection.html

<script
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuyuXzFTTgV7BestKhgKrrZjV_-rMmUQY&callback=geoFindMe&v=weekly&channel=2"
  async
></script>
<script>
  function reverseGeocodingWithGoogle(latitude, longitude) {
    const latlng = {
    lat: parseFloat(latitude),
    lng: parseFloat(longitude),
  };
    const geocoder = new google.maps.Geocoder();
    geocoder
    .geocode({ location: latlng })
    .then((response) => {
      if (response) {
        console.log(response)
      } else {
        window.alert("No results found");
      }
    })
    .catch((e) => console.log("Geocoder failed due to: " + e));
}

function geoFindMe() {
  var options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
  };
  if (!navigator.geolocation){
    console.log('Geolocation is not supported by your browser');
    return;
  }
  function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;
    reverseGeocodingWithGoogle(longitude, latitude, options)
  }
  function error() {
    console.log('Unable to retrieve your location');
  }
  navigator.geolocation.getCurrentPosition(success, error);
}
</script>