17370845950

JavaScript通过浏览器Geolocation API获取用户位置，需HTTPS或localhost环境，调用getCurrentPosition()获取经纬度，注意权限处理与定位精度局限。

JavaScript 通过浏览器内置的 Geolocation API 实现地理位置服务，无需第三方库即可获取用户设备的大致经纬度坐标。

调用 navigator.geolocation 获取位置

现代浏览器（Chrome、Firefox、Safari、Edge）都支持 navigator.geolocation 对象。核心方法是 getCurrentPosition()，它接受成功和失败回调：

• 成功回调接收一个 Position 对象，其中 coords.latitude 和 coords.longitude 是关键坐标值
• 失败回调接收一个 PositionError 对象，常见错误类型包括 PERMISSION_DENIED（用户拒绝）、POSITION_UNAVAILABLE（定位失败）、TIMEOUT（超时）
• 可选传入第三个参数 options，如 { enableHighAccuracy: true, timeout: 10000, maximumAge: 30000 }，用于控制精度、超时和缓存时间

必须在安全上下文中运行

Geolocation API 只能在 HTTPS 协议或本地 localhost 环境中使用。HTTP 页面会直接被浏览器禁用该功能，控制台报错 Only secure contexts can use geolocation。开发阶段可在本地用 http://localhost:3000 测试，上线务必部署 HTTPS。

处理用户授权与降级方案

首次调用时浏览器会弹出权限提示，用户可允许、拒绝或忽略。不能绕过或预判结果，只能响应式处理：

• 拒绝后再次调用仍会触发提示（部分浏览器限制频繁弹窗）
• 可结合 navigator.permissions.query({ name: 'geolocation' }) 检查当前权限状态（granted / denied / prompt）
• 若不可用，建议提供手动输入地址或城市选择的备用方式，避免功能完全失效

注意定位数据的局限性

返回的位置并非绝对精准：

• 手机通常基于 GPS + Wi-Fi + 基站混合定位，室内误差可能达几十米到几百米
• 桌面端多依赖 IP 地址粗略估算，误差常达几公里
• coords.accuracy 字段表示以米为单位的估计误差半径，可用于判断可信度（例如 accuracy > 500 时谨慎使用）