JSFiddle - React, Tailwind, and code Playground

by schlomm

HTML

<div id="coords"></div>

JavaScript

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

function success(pos) {
  var crd = pos.coords;

  console.log('Your current position is:');
  console.log('Latitude : ' + crd.latitude);
  console.log('Longitude: ' + crd.longitude);
  console.log('More or less ' + crd.accuracy + ' meters.');
  var coordinates = "";
  coordinates = "lat: " + crd.latitude + ", long: " + crd.longitude;
  var coordDiv = document.getElementById("coords");
	coordDiv.innerHTML = coordinates
};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

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



/*navigator.geolocation.getCurrentPosition(function(position) {
  coordinates = "lat: " + position.coords.latitude + ", long: " + position.coords.longitude;
});
*/