如何在网页中允许地理定位答案

【问题标题】：how to allow geolocation in web page如何在网页中允许地理定位
【发布时间】：2014-10-08 13:13:21
【问题描述】：

我一直在尝试运行此代码来获取纬度和经度。我的 IE 浏览器显示不支持地理定位服务的消息，即使我在 chrome 中设置位置设置以允许所有站点进行跟踪，Chrome 仍显示“此页面已被阻止跟踪您的位置”。请帮忙。

<html>
<head></head>
<body>
    <input type="button" id="btnSearch" value="Search" onclick="doSomething();"/>
    <script>
    function doSomething(){
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(handle_geolocation_query);
            function handle_geolocation_query(position) {
                alert('Lat: ' + position.coords.latitude + ' ' + 'Lon: ' + position.coords.latitude);
            }
        } else {
            alert("I'm sorry, but geolocation services are not supported by your browser.");
        }
    }
    </script>
</body>
</html>

【问题讨论】：

如何加载页面？ HTTP？本地文件？
对什么？第一个问题不是是/否，接下来的两个问题是互斥的，不能都是“是”。
对不起.....我将它保存为.html文件并双击它....所以本地
这可能是问题所在。对用户信息的大量访问被锁定在本地文件中。
我得到了一半...我需要在 localhost 中运行它.....怎么做？

标签： javascript html geolocation

【解决方案1】：

将 handle_geolocation_query() 的范围更改为外部，它应该可以工作。更改后它可以在我的 IE 和 firefox 上运行。

<html>
<head></head>
<body>
    <input type="button" id="btnSearch" value="Search" onclick="doSomething();"/>
    <script>
    function doSomething(){
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(handle_geolocation_query);
        } else {
            alert("I'm sorry, but geolocation services are not supported by your browser.");
        }
    }

    function handle_geolocation_query(position) {
        alert('Lat: ' + position.coords.latitude + ' ' + 'Lon: ' + position.coords.latitude);
    }
    </script>
</body>
</html>

【讨论】：

【解决方案2】：

就我而言，问题是我从文件系统 (file:///...) 打开了 HTML 文件。浏览器通常会尝试阻止从本地文件访问个人信息（包括位置），因此您必须通过网络服务器（即使它是本地的）提供文件。

如果您安装了 Python，则为位于文件系统中的静态网站提供服务的一种简单方法是 SimpleHTTPServer。只需使用命令提示符导航到该文件夹，然后说python -m SimpleHTTPServer，然后您就可以在localhost:8000 上查看该文件。

【讨论】：

【解决方案3】：

尝试删除包装它的 if 语句，看看会发生什么。 navigator.geolocation.getCurrentPosition 是调用浏览器访问地理服务权限的函数，所以我认为的问题是它没有达到那个点并且直接跳到 else 语句。

Here is a source 应该可以帮助您清理地理代码。

【讨论】：

您的代码对我来说在 Chrome 中完美运行，这告诉我它可能是您的系统在本地出现的问题，请查看此帖子以获取修复。 stackoverflow.com/questions/5423938/…