Html 获取纬度/经度按钮以填充输入框_Html_Textbox_Geolocation_Latitude Longitude

Html 获取纬度/经度按钮以填充输入框

html geolocation

Html 获取纬度/经度按钮以填充输入框,html,textbox,geolocation,latitude-longitude,Html,Textbox,Geolocation,Latitude Longitude,我有两个文本框，希望用户填写地理位置数据（纬度和经度）。我想要一个按钮，所以当用户点击它时，文本框会立即充满地理位置数据多亏了w3schools，我可以将两段标记中的文本替换为位置，但我希望按钮填充文本框。这是我现在拥有的。有人有答案吗 <!DOCTYPE html> <html> <body> <form> Latitude: <input type="text" name="Latitude" /> <br /> L

我有两个文本框，希望用户填写地理位置数据（纬度和经度）。我想要一个按钮，所以当用户点击它时，文本框会立即充满地理位置数据

多亏了w3schools，我可以将两段标记中的文本替换为位置，但我希望按钮填充文本框。这是我现在拥有的。有人有答案吗

<!DOCTYPE html>
<html>
<body>

<form>
Latitude: <input type="text" name="Latitude" /> <br />
Longitude: <input type="text" name="Longitude" />
</form>

<button onclick="getLocation()">Get Location</button><input type="submit" value="Submit" />

<p id="demo">Click the button to get your coordinates:</p>
<p id="demo2">Click the button to get your coordinates:</p>

<script>
var x=document.getElementById("demo");
var y=document.getElementById("demo2");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML=position.coords.latitude;  
  y.innerHTML=position.coords.longitude;    
  }
</script>

</body>
</html>


纬度：

经度：
获取位置
单击按钮获取您的坐标：
单击按钮获取您的坐标：
var x=document.getElementById（“演示”）；
var y=document.getElementById（“demo2”）；
函数getLocation（）
{
if（导航器.地理位置）
{
navigator.geolocation.getCurrentPosition（showPosition）；
}
else{x.innerHTML=“此浏览器不支持地理位置。”；}
}
功能显示位置（位置）
{
x、 innerHTML=position.coords.latitude；
y、 innerHTML=position.coords.longitude；
}

您并不是在说问题出在哪里，但据我所知，innerHTML只在FF中工作，而不在IE中工作。请尝试：

function showPosition(position) {
  x.value=position.coords.latitude;  
  y.value=position.coords.longitude;    
}

很抱歉不清楚，但您的解决方案有效！将innerHTML更改为value，然后将id=“demo”属性移动到标记，将纬度/经度数据输入到输入框中。谢谢