PC获取用户所在的位置

HTML5地理位置API,允许js程序向浏览器询问用户的真实信息,移动端使用GPS获取的位置,非常精准。但是地理位置API的浏览器访问前总是会询问是否同意,如果同意的话就会获取到位置,否则获取不到。

geolocation对象获取位置的方法:

getCurrentPosition - 获取一次位置信息。
watchPosition - 监听当前位置,位置改变之后就会执行函数
clearWatch - 清除 watchPosition
具体获取用户位置代码如下:

 

 

navigator.geolocation.getCurrentPosition(success=>{
console.log(success.coords)//包含位置的经纬度、速度、海拔、经纬度精度、海拔精度信息
},fail=>{
console.log(fail)//获取失败的原因
},{
//可增加的4个配置参数
enableHighAccuracy:true,//高精度
timeout:5000,//超时时间,以ms为单位
maximumAge:24*60*60*1000,//位置缓存时间,以ms为单位
})

位置获取成功后返回的 success.coords 的属性及意义如下:

coords.latitude - 纬度
coords.longitude - 经度
coords.altitude - 海拔
coords.speed - 速度
coords.accuracy - 经纬度精度
coords.altitudeAccuracy - 海拔精度
coords.heading - 方向,从正北开始的弧度数

 

posted @ 2022-11-24 16:44  漫步火星  阅读(673)  评论(0)    收藏  举报