W3C Geolocation API无法在Chrome中运行

Question

以下代码适用于Firefox，但不适用于Google Chrome：

<!DOCTYPE html>
<html>
    <head>
        <title>title</title>
        <script type="text/javascript">
            var successCallback = function(data) {
                console.log('latitude: ' + data.coords.latitude + ' longitude: ' + data.coords.longitude);
            };

            var failureCallback = function() {
                console.log('location failure :(');
            };

            var logLocation = function() {

                //determine if the handset has client side geo location capabilities
                if(navigator.geolocation){
                   navigator.geolocation.getCurrentPosition(successCallback, failureCallback);
                }
                else{
                   alert("Functionality not available");
                }
            };

            logLocation();
            setTimeout(logLocation, 5000);
        </script>
    </head>
    <body>
        <p>Testing</p>
    <body>
</html>

这是怎么回事？ 我认为谷歌Chrome应该支持W3C Geolocation API。

Answer 1

对我来说非常适合 - 在Win 7上使用Chrome 11和Firefox 4.0.1

确保您未在Chrome中停用位置跟踪： Options > Under the Hood > Content Settings > Location
由于安全限制，不允许使用file:/// scheme加载的资源访问位置。 请参阅Chrome中的HTML 5地理位置提示。

Answer 2

如果您的域不安全（例如HTTP而不是HTTPS），则不允许您访问Chrome中的位置。 这是自Chrome版本50（太平洋标准时间2016年4月20日下午12点）。

有关详细信息，请参阅https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only 。

Answer 3

在2017年：

注意：从Chrome 50开始，Geolocation API仅适用于HTTPS等安全上下文。 如果您的站点托管在非安全源（例如HTTP）上，则获取用户位置的请求将不再起作用。

地理位置API从Chrome 50中的不安全起源中删除

Answer 4

它适用于我 - 在Win 7上同时使用Chrome 11和Firefox 4.0.1

确保您未在Chrome中停用位置跟踪：选项>在引擎盖>内容设置>位置，请允许许可，并在检查权限后运行它

在运行之后它将是sucesscallback或者它来到errorcallback

 function sucesscallback (position) { var userLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var myOptions = { zoom: 15, center: userLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mapObject = new google.maps.Map(document.getElementById("googleMap"), myOptions); var marker = new google.maps.Marker({ map: mapObject, position: userLatLng }); } function failureCallback(error) { switch (error.code) { case 1: alert("User denied the request for Geolocation."); break; case 2: alert("Location information is unavailable. Please ensure Location is On"); break; case 3: alert("timeout"); break; case 4: alert("An unknown error occurred."); break; } }

 <div id='googleMap' style='width:300px;height:300px;'> </div>

Answer 5

通过Geolocation API，您可以在用户同意的情况下发现用户的位置。 您可以将此功能用于引导用户到目的地以及对用户创建的内容进行地理标记等操作; 例如，标记拍摄照片的位置。

Geolocation API还允许您查看用户所在的位置，并在用户移动时始终关注它们，始终在用户同意的情况下（并且仅在页面打开时）。 这会创建许多有趣的用例，例如，如果用户在附近，则与后端系统集成以准备收集订单。

使用Geolocation API时需要注意很多事情。 本指南将指导您完成常见的用例和解决方案。

https://developers.google.com/web/fundamentals/native-hardware/user-location/?hl=en

W3C Geolocation API无法在Chrome中运行

问题描述

5 个解决方案

解决方案1
21 已采纳 2011-05-30 23:24:43

解决方案2
18 2016-05-19 16:01:39

解决方案3
10 2016-10-16 19:45:45

解决方案4
1 2017-09-20 07:43:51

解决方案5
0 2017-05-01 11:09:27

W3C Geolocation API无法在Chrome中运行

问题描述

5 个解决方案

解决方案1 21 已采纳 2011-05-30 23:24:43

解决方案2 18 2016-05-19 16:01:39

解决方案3 10 2016-10-16 19:45:45

解决方案4 1 2017-09-20 07:43:51

解决方案5 0 2017-05-01 11:09:27

解决方案1
21 已采纳 2011-05-30 23:24:43

解决方案2
18 2016-05-19 16:01:39

解决方案3
10 2016-10-16 19:45:45

解决方案4
1 2017-09-20 07:43:51

解决方案5
0 2017-05-01 11:09:27