JavaScript通过Geolocation API获取地理位置，需HTTPS安全上下文，调用getCurrentPosition()一次性获取经纬度，watchPosition()持续监听，注意权限、错误处理及隐私合规。
JavaScript 获取地理位置主要靠浏览器内置的 Geolocation API，它能请求用户授权后获取设备的大致经纬度（精度取决于设备和网络环境），不需第三方库或服务器中转。
如何调用 getCurrentPosition()
这是最常用的方法，一次性获取当前位置：
- 必须在安全上下文（red">HTTPS 或 localhost）中运行，HTTP 网站会直接拒绝
- 调用时浏览器会弹出权限提示，用户拒绝则无法继续
- 基本写法：
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( (position) => { const { latitude, longitude } = position.coords; console.log(`纬度：${latitude}，经度：${longitude}`); }, (error) => { console.error('定位失败：', error.message); }, { enableHighAccuracy: false, timeout: 5000, maximumAge: 60000 } ); } else { console.log('当前浏览器不支持地理定位'); }
监听位置变化 watchPosition()
适合需要持续跟踪的场景（如导航、运动记录）：
- 返回一个唯一 ID，可用于后续取消监听：
navigator.geolocation.clearWatch(watchId) - 每次位置显著变化（或按设定时间间隔）都会触发 success 回调
- 注意及时清理，避免内存泄漏或后台持续耗电
常见错误与应对方式
用户可能遇到的典型报错及处理建议：
立即学习“Java免费学习笔记（深入）”；
- Permission denied：用户点击“拒绝”或之前已禁用权限 → 提示用户手动开启（可在设置里找“位置信息”开关）
- Position unavailable：GPS 未启动、室内信号弱、飞行模式 → 建议 fallback 到 IP 地理定位（需后端配合）
-
Timeout expired：设备长时间没响应 → 调大
timeout值，或改用watchPosition等待更久 -
Not allowed by user：页面被 iframe 嵌入且未声明
geolocation权限 → 父页面需加
注意事项与限制
实际使用中容易忽略但很关键的点：
- 移动端通常比桌面端更准（有 GPS 模块），但首次定位可能较慢
-
enableHighAccuracy: true不保证更高精度，反而可能延长响应时间或失败 - 部分浏览器（如 Safari）在页面不可见时暂停定位更新
- 隐私敏感，不要未经同意上传位置数据，符合 GDPR /《个人信息保护法》要求
基本上就这些。Geolocation API 接口简单，但成败往往取决于权限逻辑、错误兜底和用户体验设计。
