JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div align="center">
  <p id="coords"></p>
  <script>
    $(document).ready(function() {
      var longitude = 0.0;
      var latitude = 0.0;

      navigator.geolocation.getCurrentPosition(position);

      function position(pos) {
        longitude = pos.coords.longitude;
        latitude = pos.coords.latitude;
        displayPos();
        
        }

			function displayPos() {
      $('#coords').html('Long: ' + longitude.toPrecision(6) + ' Lat ' + latitude.toPrecision(6));
      }
    });

  </script>
</div>