H5新属性---localtion

我们可以通过window.navigator来获取访问的浏览器信息,然后用navigator.geolocaltion获取用户的地理信息。最后,通过navigator.geolocaiton.getCurrentPosition()来获取用户当前的位置信息。(注:geolocaltion是有关用户隐私的API,需要得到用户的同意才能有效,为了安全限定,要求正式网站必须使用https协议。自行测试时使用localhost访问,IP则不行。)
该方法需传入的参数

  • navigator.geolocation.getCurrentPosition(sucessCallback,errorCallback[,options])
  • successCallback 成功回调函数 返回坐标信息
  • errorCallback 失败回调函数 返回失败信息
  • options 配置项

JS代码

if (navigator.geolocation) {
            //判断浏览器是否支持用户地理位置
            navigator.geolocation.getCurrentPosition(function (coords) {
                console.log(coords);
            },function (err) {
                console.log(err);
            },{
                //enableHighAccuracy : true//开启高精度  (返回坐标事件会延长)
                //timeout : 1000  //设置超时时间              
            })
        }

你可能感兴趣的:(H5新属性---localtion)