JSFiddle - React, Tailwind, and code Playground

by Town

HTML

<p id="result">

</p>

JavaScript

if ("geolocation" in navigator) {
  console.log("geolocation OK");
  navigator.geolocation.getCurrentPosition((pos) => {
    
    console.log(pos.coords.latitude, pos.coords.longitude);
    
    var xhr = new XMLHttpRequest();
    
    xhr.open("GET", "https://geo.christownsend.com/reverselookup/" + pos.coords.latitude + "," + pos.coords.longitude);
    xhr.send();
    var response = xhr.responseText;
    console.log(response);
    document.getElementById("result").innerText = response;
  });
}