Chrome 中的 HTML 5 地理位置提示

发布于 2024-10-27 05:47:32 字数 1356 浏览 2 评论 0原文

刚刚开始接触 HTML 5 并测试地理位置……到目前为止还很喜欢。不过，我遇到了一点减速……当我尝试获取我的地理位置时，chrome 会自动阻止页面获取我的位置。在其他网站上不会发生这种情况，例如以下网站：

我的脚本使用：

<script type="text/javascript" JavaScript" SRC="geo.js"></script>   
<script type="text/javascript" JavaScript" SRC="Utility.js"></script> 
<script type="text/javascript" JavaScript" SRC="jquery.js"></script> 
<script type="text/javascript" JavaScript" SRC="modernizr.js"></script>  

function get_location() {

        if (geo_position_js.init()) {
            geo_position_js.getCurrentPosition(show_map, handle_error);
        }

    }
    function show_map(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

        alert("lat:" + latitude + " long:" + longitude);


    }
    function handle_error(err) {
        alert(err.code);
        if (err.code == 1) {
            // user said no!
        }
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(show_map, handle_error);
    } else {
        error('not supported');
    }

我正在从我的计算机上的本地目录中对此进行测试，因此实际上并不存在像“http://whatever.com/mytestpage.html”这样的“域”。这就是我没有收到提示的原因吗？如果是这样，是否可以强制浏览器请求权限以获取用户的地理位置？在我的场景中是否可能？

原文

Just starting to get into HTML 5 and an testing out geo location...liking it so far. I am hitting a bit of a speed bump though...when I try to get my geo location, chrome automatically blocks the page from getting my location. This does not happen at other sites such as the site below:

http://html5demos.com/geo

The scripts I'm using:

<script type="text/javascript" JavaScript" SRC="geo.js"></script>   
<script type="text/javascript" JavaScript" SRC="Utility.js"></script> 
<script type="text/javascript" JavaScript" SRC="jquery.js"></script> 
<script type="text/javascript" JavaScript" SRC="modernizr.js"></script>  

function get_location() {

        if (geo_position_js.init()) {
            geo_position_js.getCurrentPosition(show_map, handle_error);
        }

    }
    function show_map(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

        alert("lat:" + latitude + " long:" + longitude);


    }
    function handle_error(err) {
        alert(err.code);
        if (err.code == 1) {
            // user said no!
        }
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(show_map, handle_error);
    } else {
        error('not supported');
    }

I am testing this out from a local directory on my machine, so there isn't really a "domain" like "http://whatever.com/mytestpage.html". Is this why I am not getting prompted? If so, is it possible to force the browswer to request permission to get the user's geo location and is it possible in my scenario?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浮世清欢 2024-11-03 05:47:33

如果您在服务器后面托管，但仍然面临问题：
尝试将 localhost 更改为 127.0.0.1 例如 http://localhost:8080/ 到 http://127.0.0.1:8080/

我面临的问题是我在 eclipse IDE (eclipse luna) 中使用 apache tomcat 提供站点服务。

为了进行健全性检查，我使用了 Remy Sharp 的演示：
https://github.com/remy/html5demos/blob/eae156ca2e35efbc648c381222fac20d821df494 /演示/geo.html

，尽管在服务器上托管代码，但对错误函数进行了细微调整后出现错误（仅在 Firefox 上工作，在 chrome 和 safari 上失败）：

“用户拒绝地理定位”

我做了进行以下更改以获得更详细的错误消息：

function error(msg) {
  var s = document.querySelector('#status');
  msg = msg.message ? msg.message : msg; //add this line
  s.innerHTML = typeof msg == 'string' ? msg : "failed";
  s.className = 'fail';

  // console.log(arguments);
}

http://10.0.2.2:8080 :

“无法确定当前位置”

if you're hosting behind a server, and still facing issues:
try changing localhost to 127.0.0.1 e.g. http://localhost:8080/ to http://127.0.0.1:8080/

The issue I was facing was that I was serving a site using apache tomcat within an eclipse IDE (eclipse luna).

For my sanity check I was using Remy Sharp's demo:
https://github.com/remy/html5demos/blob/eae156ca2e35efbc648c381222fac20d821df494/demos/geo.html

and was getting the error after making minor tweaks to the error function despite hosting the code on the server (was only working on firefox and failing on chrome and safari):

"User denied Geolocation"

I made the following change to get more detailed error message:

function error(msg) {
  var s = document.querySelector('#status');
  msg = msg.message ? msg.message : msg; //add this line
  s.innerHTML = typeof msg == 'string' ? msg : "failed";
  s.className = 'fail';

  // console.log(arguments);
}

failing on internet explorer behind virtualbox IE10 on http://10.0.2.2:8080 :

"The current location cannot be determined"

回复收藏 0 原文

黯淡〆 2024-11-03 05:47:33

要实现简单的解决方法，只需将 HTML 文件复制到某个云共享（例如 Dropbox），然后在浏览器中使用共享链接即可。简单的。

回复收藏 0 原文

∝单色的世界 2024-11-03 05:47:33

我在尝试 Gelocation API 时也遇到了这个问题。然后我通过 Visual Studio 启动 IIS Express，然后访问该页面，它在所有浏览器中都可以正常工作。

回复收藏 0 原文

凉栀 2024-11-03 05:47:33

检查 Google Chrome 设置并允许位置访问

Change your default location settings.
On your computer, open Chrome.
At the top right, click More Settings.
Under "Privacy and security," click Site settings.
Click Location.
Turn Ask before accessing on or off.

在我更改这些设置后，地理定位对我有用。

Check Google Chrome setting and permit location access

Change your default location settings.
On your computer, open Chrome.
At the top right, click More Settings.
Under "Privacy and security," click Site settings.
Click Location.
Turn Ask before accessing on or off.

After I changed those settings, Geolocation worked for me.

回复收藏 0 原文

月牙弯弯 2024-11-03 05:47:32

Chrome 中对于使用 file:/// URI 中的地理定位存在某种安全限制，但不幸的是，它似乎没有记录任何错误来表明这一点。它将在本地网络服务器上运行。如果你安装了 python，请尝试在测试文件所在的目录中打开命令提示符并发出命令：

python -m SimpleHTTPServer

它应该在端口 8000 上启动一个 Web 服务器（可能是其他东西，但它会在控制台中告诉你哪个端口它正在监听），然后浏览到 http://localhost:8000/mytestpage.html

如果您不这样做没有 python，Ruby 中也有等效的模块，或者 Visual Web Developer Express 附带内置的本地 Web 服务器。

There's some sort of security restriction in place in Chrome for using geolocation from a file:/// URI, though unfortunately it doesn't seem to record any errors to indicate that. It will work from a local web server. If you have python installed try opening a command prompt in the directory where your test files are and issuing the command:

python -m SimpleHTTPServer

It should start up a web server on port 8000 (might be something else, but it'll tell you in the console what port it's listening on), then browse to http://localhost:8000/mytestpage.html

If you don't have python there are equivalent modules in Ruby, or Visual Web Developer Express comes with a built in local web server.

回复收藏 0 原文