Javascript 在HTML5中使用地理位置时不显示位置
我正在开发一个电话Gap应用程序。在该应用程序中,我想显示当前用户的位置。为此,我使用了HTML5地理定位。当我点击“获取位置”按钮时,它不会显示位置。它也不会显示错误。按下“获取位置”按钮后,它只显示处于选定状态的按钮Javascript 在HTML5中使用地理位置时不显示位置,javascript,html,geolocation,Javascript,Html,Geolocation,我正在开发一个电话Gap应用程序。在该应用程序中,我想显示当前用户的位置。为此,我使用了HTML5地理定位。当我点击“获取位置”按钮时,它不会显示位置。它也不会显示错误。按下“获取位置”按钮后,它只显示处于选定状态的按钮 <!DOCTYPE html> <html> <body> <button onclick="getLocation()">Get Location</button> <script>
<!DOCTYPE html>
<html>
<body>
<button onclick="getLocation()">Get Location</button>
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
}
else { x.innerHTML = "Geolocation is not supported by this browser."; }
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
}
function showError(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>
获取位置
var x=document.getElementById(“演示”);
函数getLocation(){
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML=“此浏览器不支持地理位置。”;}
}
功能显示位置(位置){
x、 innerHTML=“Latitude:”+position.coords.Latitude+”
经度:“+position.coords.Longitude;
}
功能错误(错误){
开关(错误代码){
案例错误。权限被拒绝:
x、 innerHTML=“用户拒绝了地理位置请求。”
打破
案例错误。位置不可用:
x、 innerHTML=“位置信息不可用。”
打破
大小写错误。超时:
x、 innerHTML=“获取用户位置的请求超时。”
打破
案例错误。未知错误:
x、 innerHTML=“发生未知错误。”
打破
}
}
您正在引用一个不存在的元素。
使用id=“demo”向html正文添加一个div,如下所示:
<div id="demo"></div>
请参见JSFIDLE上的此处: