JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=ru"></script>

JavaScript

var geocoder;

  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
} 
//Get the latitude and the longitude;
function successFunction(position) {
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    codeLatLng(lat, lng)
}

function errorFunction(){
    alert("Geocoder failed");
}

  function initialize() {
    geocoder = new google.maps.Geocoder();

  }

  function codeLatLng(lat, lng) {

    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({'latLng': latlng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
          
          var city="";
          for(var i=0;i<results.length;i++) {
              var res=results[i];
              if(res.types[0]=="locality") {
                  city=res.address_components[0].long_name||res.address_components[0].short_name;
                  break;
              }
          }
          city=city||"не определено";
          document.body.innerHTML=city;
      }
    });
  }

initialize();