<body>
<button onclick="getLocation()">Get coordinates</button>
<p id="demo"></p>
<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;
}
</script>
<input type="text" value="long,lati"></input>
</body>
我需要将脚本中的纬度和经度放入文本框中,而无需按代码中的要求对按钮进行超频。
最佳答案
<input type="text" value = "" id='loc'>
window.onload = function(){
var x = document.getElementById('loc');
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.value = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
x.value = "Latitude: " + position.coords.latitude + ",Longitude: " + position.coords.longitude;
}
getLocation();
};
只需抓住输入元素并将其值attr设置为获得的lat&long。
这不是很好的解决方案,但是它应该可以完成您需要的工作(无需单击按钮)。
关于javascript - 如何将Javascript位置(经度和纬度)值传递到文本框值?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33665914/