<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<center>
<button onclick="getLocation()">กดปุ่มแสดงพิกัด</button>
<form action="">
<p id="demo"></p>
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
x.innerHTML="<input type='text' id='lat' name='lat' value="+ position.coords.latitude +"><input type='text' id='long' name='long' value="+ position.coords.longitude +">";
}
</script>
<input type="submit" value="Submit">
</form>
</center>
</body>
</html>