Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML5中使用地理位置时不显示位置_Javascript_Html_Geolocation - Fatal编程技术网

Javascript 在HTML5中使用地理位置时不显示位置

Javascript 在HTML5中使用地理位置时不显示位置,javascript,html,geolocation,Javascript,Html,Geolocation,我正在开发一个电话Gap应用程序。在该应用程序中,我想显示当前用户的位置。为此,我使用了HTML5地理定位。当我点击“获取位置”按钮时,它不会显示位置。它也不会显示错误。按下“获取位置”按钮后,它只显示处于选定状态的按钮 <!DOCTYPE html> <html> <body> <button onclick="getLocation()">Get Location</button> <script>

我正在开发一个电话Gap应用程序。在该应用程序中,我想显示当前用户的位置。为此,我使用了HTML5地理定位。当我点击“获取位置”按钮时,它不会显示位置。它也不会显示错误。按下“获取位置”按钮后,它只显示处于选定状态的按钮

<!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上的此处: