地理位置获取失败_手把手教你HTML5实现定位当前地理位置

前言

前面文章中写过类似的文章《手把手教你HTML5实现根据LBS定位到商家两点之间距离多少》，建议有兴趣的小伙伴可以看看。

使用 HTML5 Geolocation API 来构建基于地理位置的应用～

各种浏览器对HTML5 Geolocation 的支持

浏览器 版本 只支持HTTPS版本 IE 9+ - Edge 12+ - Firefox 3.5+ - Chrome 5+ 50+ Safari 5+ 39+ iOS Safari 3.2+ 10.2+ Android Browser 2.1+ 56+ Chrome for Android 57+ 57+ UC Browser for Android 11.4+ -

出于安全考虑，部分浏览器只允许通过HTTPS协议使用 Geolocation API。在HTTP协议下使用Geolocation API 浏览器会抛出异常，在开发阶段，127.0.0.1和localhost 等本地域在两种协议下均可使用。

Geolocation API 通过 navigator.geolocation 全局对象进行访问，第一次访问的时候会询问用户是否允许共享位置。

判断浏览器是否支持 Geolocation API

        // 判断浏览器属否支持获取位置        if(navigator.geolocation){            console.log("可以获取");        }else{            console.log("不支持");        }

实例代码如下：

    Document    获取用户地理位置    

当获取位置失败时，会调用失败回调(error函数)。返回的参数 positionErr.code 值

• UNKNOWN_ERROR(0): 其他错误
• PERMISSION_DENIED(1): 用户拒绝分享位置信息
• POSITION_UNAVAILABLE(2): 获取用户位置信息失败
• TIMEOUT(3): 获取用户位置信息超时

推荐文章

《手把手教你HTML5实现根据LBS定位到商家两点之间距离多少》
作者：蓝海00
链接：https://www.jianshu.com/p/d0b0b6120055