JavaScript通过Geolocation API获取用户位置,需用户授权且仅限安全上下文;支持getCurrentPosition()和watchPosition(),注意兼容性、精度限制及国内浏览器降级方案。

JavaScript 通过浏览器提供的 Geolocation API 获取用户地理位置,无需第三方库,但需用户明确授权,且仅在安全上下文(https 或 localhost)中可用。
检查浏览器是否支持定位功能
使用 navigator.geolocation 判断兼容性,避免在不支持的环境中报错:
- 现代 Chrome、Firefox、Safari、Edge 均支持
- IE9+ 支持,但已逐步淘汰
- Node.js 环境不支持(无
navigator对象)
请求用户位置并处理响应
调用 getCurrentPosition() 获取一次当前位置,传入成功与失败回调:
- 成功回调接收
position对象,含coords.latitude、coords.longitude、coords.accuracy(单位:米)等字段 - 失败回调接收
error对象,error.code可为1(用户拒绝)、2(位置不可用)、3(超时) - 可选传入配置对象,如
{ enableHighAccuracy: true, timeout: 5000, maximumAge: 60000 }
监听位置变化(可选)
使用 watchPosition() 持续跟踪位置变动,返回一个唯一 watchId,可用于后续停止监听:
立即学习“Java免费学习笔记(深入)”;
- 适合地图应用、运动轨迹记录等场景
- 记得在不需要时调用
navigator.geolocation.clearWatch(watchId)释放资源 - 频繁触发可能影响电池和性能,建议合理设置
maximumAge和enableHighAccuracy
常见注意事项与优化建议
实际使用中需兼顾体验与合规性:










