javascript

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

How to get latitude and longitude my position using javascript ?

237

Show ResultJAVASCRIPT

<!DOCTYPE html>
<html>
<body>

<button onclick="getLocation()">Get</button>

<script>

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

function showPosition(position) {
document.write ("Latitude: " + position.coords.latitude + ", Longitude: " + position.coords.longitude);
}
</script>

</body>
</html>

By 10 years ago

The power of the user (%)

19%

Show ResultJAVASCRIPT

<!DOCTYPE html>
<html>
<body>

<script>

function YourPosition(myposition)

{
var lat1 = myposition.coords.latitude;
var lng1 = myposition.coords.longitude;
document.write (lat1 + " , " + lng1)
}

if(navigator.geolocation)
navigator.geolocation.getCurrentPosition(YourPosition);
else
alert("something was wrong");

</script>

</body>
</html>

By 10 years ago

The power of the user (%)

80%

Show ResultJAVASCRIPT

<!DOCTYPE html>
<html>
<body>

<button onclick="getmyLocation()">click</button>

<p id="test"></p>

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

function getmyLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showing_position, showing_error);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}

function showing_position(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}

function showing_error(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML = "The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "An unknown error occurred."
break;
}
}
</script>

</body>
</html>