How can i approximate latitude and longtitude in html?

Question

How can i approximate latitude and longitude in html?
I want 4 decimal places and I want it that circled in the picture to hidden
Thank you very much.

This is a code

<!DOCTYPE html>
<html>

<body>

  <p>Click the button to get your coordinates.</p>

  <button onclick="getLocation()">Try It</button>

  <p id="demo"></p>
  <input type="text" id="lat" name="lat">
  <input type="text" id="lon" name="lon">

  <script>
    var x = document.getElementById("demo");

    function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
      }
    }

    function showPosition(position) {
      x.innerHTML = "Latitude: " + position.coords.latitude +
        "<br>Longitude: " + position.coords.longitude;
      $("#lat").val(position.coords.latitude);
      $("#lon").val(position.coords.longitude);
    }
  </script>
  <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</body>

</html>

Does this answer your question? [Format number to always show 2 decimal places](https://stackoverflow.com/questions/6134039/format-number-to-always-show-2-decimal-places) — Rana, Nov 13 '21 at 09:06
If string problem when converted through `toFixed`: https://stackoverflow.com/q/2283566/16846346 — Rana, Nov 13 '21 at 09:08

Andrew Sklyarevsky · Answer 1 · 2021-11-13T09:12:02.900

1

If the aim is to format the number as a string with a given precision then use the toFixed function, e.g.

var numberOfDecimals = 4;
var latitude = position.coords.latitude.toFixed(numberOfDecimals);
var longitude = position.coords.longitude.toFixed(numberOfDecimals);

If the intention is to limit the precision of the original number, then the rounding might be used:

var rounded = Math.round(value * 10000) / 10000; // leaves only 4 digits

edited Nov 13 '21 at 09:12

answered Nov 13 '21 at 08:58

Andrew Sklyarevsky

2,095
14
17

1

@NANG, I don't think it is important in your code, but please note that `toFixed` method returns a string. – balrundev Nov 13 '21 at 09:00
1

@balrundev thanks for the point, I added info as to how the number itself might be rounded to a given precision. – Andrew Sklyarevsky Nov 13 '21 at 09:12

score 0 · Answer 2 · answered Aug 07 '23 at 20:02

Use the parseFloat() function and toFixed() method together

toFixed(4) method to format the latitude and longitude to 4 decimal places.
parseFloat() global function to convert the result back to a number (since toFixed() returns a string)

Like this:

let latitude = 52.12345678;
let longitude = -0.98765432;

let shortenedLatitude = parseFloat(latitude.toFixed(4));
let shortenedLongitude = parseFloat(longitude.toFixed(4));

console.log(shortenedLatitude);  // Outputs: 52.12346
console.log(shortenedLongitude); // Outputs: -0.98765

How can i approximate latitude and longtitude in html?

2 Answers2

Use the parseFloat() function and toFixed() method together