在HTML5中使用地理位置时不显示位置
Location Not Displayed When Using Geo location in HTML5
我正在开发一个Phone Gap应用程序。在这个应用程序中,我想显示当前用户的位置。为此,我使用了HTML5地理定位。当我点击Get Location按钮时它不会显示位置。它也不会显示错误。按下获取位置按钮后,它只是显示按钮在选定状态。
<!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>
您正在引用一个不存在的元素。在html正文中添加一个div, id="demo",如下所示:
<div id="demo"></div>
可以在jsfiddle上看到:http://jsfiddle.net/wU6AE/
相关文章:
- 如何在Simile展品地图中显示位置
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 如何使用XML中的经度和纬度值在地图上显示位置
- Jquery下拉菜单位于幻灯片上方的一个显示位置
- 谷歌地图 API v3 未正确显示位置
- 必应地图未使用 asp.net MVC 显示位置
- 在地图上显示位置
- 使用移动网络应用程序在iphone地图上显示位置
- 栏杆4:单击链接后如何更改显示位置
- 如何在网站上向用户显示位置(国家)
- 在Firefox中显示位置栏
- 无法使用Javascript在谷歌地图中显示位置详细信息
- 如何在Google Maps Places API上突出显示位置
- 根据弹出窗口的显示位置动态更改弹出窗口的位置
- 拖放时显示位置和合计
- 显示位置的变化在谷歌地图上没有重新加载地图一次又一次
- takto显示位置固定
- 在Google Maps API的标记上显示位置信息
- 使用JavaScript检查是否显示位置栏(适用于Internet explorer)
- 如何修改jQuery输入的显示位置