navigator.geolocation.getCurrentPosition() 报错或无响应主因是页面未启用 HTTPS 或用户拒绝权限；需同时处理 success/error 回调，检查 error.code 并配置 timeout、maximumAge 等选项，watchPosition() 后须用 clearWatch() 清理。
浏览器的 navigator.geolocation API 本身不直接获取位置，而是调用系统级定位服务（如 GPS、Wi-Fi 定位、IP 粗略定位），结果取决于用户设备和授权状态 —— 拒绝授权或无硬件支持时会失败，不是代码写错了。
为什么 getCurrentPosition() 总是报错或没反应？
最常见原因是页面未通过 HTTPS 提供，或用户拒绝了定位权限。现代浏览器（Chrome、Firefox、Edge）强制要求 https:// 或 localhost 才允许调用该 API；HTTP 页面会静默失败，error.code 通常为 1（PERMISSION_DENIED）或 2（POSITION_UNAVAILABLE）。
- 检查地址栏是否显示锁形图标，确认协议是
https或域名是localhost - 首次调用前，浏览器会弹出权限提示；若用户点“禁止”，后续调用不会再次询问，需手动在浏览器设置里重置站点权限
- 某些安卓 WebView 或旧版 iOS Safari 可能不支持，建议加兜底逻辑
如何正确调用 getCurrentPosition() 并处理各种情况？
必须同时提供 success 和 error 回调，不能只写成功分支；错误对象的 code 和 message 字段比笼统的 “failed” 更有用。
navigator.geolocation.getCurrentPosition(
(position) => {
console.log('纬度:', position.coords.latitude);
console.log('经度:', position.coords.longitude);
console.log('精度:', position.coords.accuracy, '米');
},
(error) => {
switch (error.code) {
case error.PERMISSION_DENIED:
console.error('用户拒绝了地理位置请求');
break;
case error.POSITION_UNAVAILABLE:
console.error('位置信息不可用（如飞行模式、无 GPS）');
break;
case error.TIMEOUT:
console.error('请求超时（默认 5s，可配 timeout 选项）');
break;
default:
console.error('未知错误:', error.message);
}
},
{
enableHighAccuracy: false, // 不强制 GPS，省电；设 true 可能显著延长响应时间
timeout: 8000, // 单位毫秒，避免卡死
maximumAge: 30000 // 允许使用 30 秒内缓存的位置，减少重复采集
}
);
watchPosition() 和 clearWatch() 怎么安全使用？
适合需要持续追踪（如导航应用），但容易引发内存泄漏或电量消耗——每次调用返回一个唯一 watchId，必须保存并在不需要时显式清除。
立即学习“Java免费学习笔记（深入）”；
- 不要在组件卸载（如 React
useEffectcleanup、VuebeforeUnmount）时遗漏navigator.geolocation.clearWatch(watchId) - 重复调用
watchPosition()不会覆盖上一次监听，而是新增一个，务必管理好多个watchId - 即使用户移出页面，监听仍可能运行；部分浏览器会在后台节流回调频率，但不保证停止
真正麻烦的不是怎么写这三行代码，而是用户关了定位、用了代理、在地铁里、或浏览器悄悄把权限重置了——所有这些都会让 position.coords 缺失字段或返回极低精度值（比如 accuracy: 1200 米），得靠业务逻辑判断是否可接受，而不是相信“有坐标就一定准”。
