JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" value="LocateMe" onclick="getLocation();" />
JavaScript
function getLocation() {
console.log("In geolocation");
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
print("Browser doesn't support geolocation");
}
}
function showPosition(position) {
console.log("in show position");
dest_lat = position.coords.latitude;
dest_long = position.coords.longitude;
url = 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + dest_lat + ',' + dest_long + '&sensor=false';
$.get(url, function(data) {
alert(JSON.stringify(data));
});
}