JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<p></p>
<div id="position" style="margin:3rem;">Acceptez la géolocatisation svp.</div>

JavaScript

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

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

  document.getElementById("position").innerHTML = `Votre position est: <br>Latitude : ${crd.latitude},<br> Longitude: ${crd.longitude}.<br> Avec une précision de ${crd.accuracy} mètres.`;
}

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

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