本文介绍了JavaScript的GeolocationAPI如何获取用户位置，包括`getCurrentPosition`获取一次位置、`watchPosition`定期获取以及`clearWatch`停止位置跟踪。同时提及了隐私问题和如何在Android开发中利用这些API。结尾部分还推荐了一套全面的Web前端开发学习资料，覆盖初级到高级开发者需求。
**getCurrentPosition：**获取一次位置
navigator.geolocation.getCurrentPosition(success=>{
console.log(success.coords)//包含位置的经纬度、速度、海拔、经纬度精度、海拔精度信息
},fail=>{
console.log(fail)//获取失败的原因
},{
//可增加的4个配置参数
enableHighAccuracy:true,//高精度
timeout:5000,//超时时间,以ms为单位
maximumAge:246060*1000,//位置缓存时间,以ms为单位
})
位置获取成功后返回的 success.coords 的属性
-
coords.latitude - 纬度
-
coords.longitude - 经度
-
coords.altitude - 海拔
-
coords.speed - 速度
-
coords.accuracy - 经纬度精度
-
coords.altitudeAccuracy - 海拔精度
-
coords.heading - 方向，从正北开始的弧度数
**watchPosition：**不断获取位置
navigator.geolocation.watchPosition(
success=>{
console.log(success.coords)//包含用户位置速度海拔等信息
},
fail=>{
console.log(fail)//定位失败原因
},
{
enableHighAccuracy:true,//高精度
timeout:60*1000,//超时，以ms为单位
maximumAge:246060*1000,//位置缓存时间，以ms为单位
frequency:1000,//获取频率
}
)
位置获取成功后返回的 success.coords 的属性与上述getCurrentPosition的一致。它两唯一的区别就是一个获取一次，另外一个获取多次，多了一个获取频率参数。
clearWatch()： 取消当前位置的获取，停止 watchPosition 方法。
clearWatch 与 js 中的clearInterval类似，clearInterval用于清除定时器。使用时语法如下：
var wPId = navigator.geolocation.watchPosition(
success=>{
console.log(success.coords)//包含用户位置速度海拔等信息
},
fail=>{
console.log(fail)//定位失败原因
},
{
enableHighAccuracy:true,//高精度
timeout:60*1000,//超时，以ms为单位
maximumAge:246060*1000,//位置缓存时间，以ms为单位
frequency:1000,//获取频率
}
)
navigator.geolocation.clearWatch(wPId)
Geolocation 应用
==============
由于该特性可能侵犯用户的隐私，使用时自动会询问用户是否同意授权位置，除非用户同意，否则无法获取到用户位置。
function getPosition(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(res){
console.log(“res”,res)//位置信息
},function(err){
console.log(“err”,err)
})
}
}
最后
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！
如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
断提升的资深开发者，这些资料都将为你打开新的学习之门！**
如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
8189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
