JSFiddle - React, Tailwind, and code Playground

by dimaslanjaka

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

JavaScript

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;
//document.write(`More or less ${crd.accuracy} meters.`);
  var urljsn = `https://maps.googleapis.com/maps/api/geocode/json?latlng=${crd.latitude},${crd.longitude}&sensor=true`;
  b(urljsn);
};

function error(err) {
  console.warn(`ERROR(${err.code}): ${err.message}`);
};

navigator.geolocation.getCurrentPosition(success, error, options);

function b(urljsn){
$.getJSON(urljsn, function(data) {
document.write(data.results[1].address_components[0].long_name);
  })
 //document.write('<a href="' + urljsn + '" target="_blank">' + urljsn + '</a></br>');
  }


//$("#siteloader").html('');