HTML5之地理定位

若要判断浏览器是否支持地理定位,请看下面的代码: 

if(navigator.geolocation){
// 第一个参数是成功的回调,第二个是失败的回调,第三个是一些配置

navigator.geolocation.getCurrentPosition(function (position) {

            position.coords.latitude //纬度

            position.coords.longitude // 经度

            position.coords.accuracy // 位置精度

            position.coords.altitude // 海拔

            position.coords.altitudeAccuracy //海拔精度

            position.coords.heading // 方向 以度为单位

            position.coords.speed // 速度 单位米/秒

            position.timestamp // 时间

        }, function (error) {

            switch (error.code) {

                case error.PERMISSION_DENIED:

                    x.innerHTML = "用户拒绝对获取地理位置的请求。"

                    break;

                case error.POSITION_UNAVAILABLE:

                    x.innerHTML = "位置信息是不可用的。"

                    break;

                case error.TIMEOUT:

                    x.innerHTML = "请求用户地理位置超时。"

                    break;

                case error.UNKNOWN_ERROR:

                    x.innerHTML = "未知错误。"

                    break;

            }

        }, {

            //配置



            // 指示浏览器获取高精度的位置,默认为false

            enableHighAccuracy: true,

            

            // 指定获取地理位置的超时时间,默认不限时,单位为毫秒

            timeout: 5000,



            // 最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。

            maximumAge: 3000

        })
}else{
    console.log("你的浏览器不支持地理定位,请更换浏览器!")
}

98年妹子的学习心得,如有问题,还希望大神们指出,妹子好改正哦!

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值