JavaScript获取地理位置需用户明确授权，依赖navigator.geolocation API和Permissions API预检状态，按granted/denied/prompt三态优雅处理，不可绕过权限，须HTTPS、尊重隐私、提供降级方案。
JavaScript 获取地理位置主要依靠 navigator.geolocation API，但必须用户明确授权，且现代浏览器默认不自动授予位置权限——这是隐私保护的核心机制。处理的关键不是绕过权限，而是尊重用户选择、清晰沟通用途、优雅降级。
获取位置前必须请求用户授权
调用 getCurrentPosition() 或 watchPosition() 时，浏览器会主动弹出权限提示（如“是否允许此网站查看您的位置？”）。无法跳过或预设同意，也不能通过代码静默触发。
- 首次调用即触发权限请求，后续行为取决于用户选择：允许、拒绝或忽略
- 若用户之前已拒绝，再次调用不会重新弹窗，需引导用户手动在浏览器设置中开启
- 部分浏览器（如 Safari）对非安全上下文（HTTP）完全禁用该 API，必须使用 HTTPS
正确处理三种权限状态：granted / denied / prompt
可通过 Permissions API 预检当前状态，避免盲目调用导致意外行为：
- granted：可直接获取位置，无需再请求
- denied：用户已明确拒绝，建议隐藏位置相关功能，或提供文字说明和手动重试入口
- prompt：尚未授权，首次调用时将触发弹窗；此时适合展示轻量引导文案（如“开启位置服务，为您推荐附近门店”）
示例检查逻辑：
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
立即学习“Java免费学习笔记（深入）”；
if ('permissions' in navigator) {
navigator.permissions.query({ name: 'geolocation' }).then(result => {
if (result.state === 'granted') {
getLocation();
} else if (result.state === 'prompt') {
showLocationHint(); // 展示友好提示
} else {
handlePermissionDenied();
}
});
}
失败回调中区分错误类型，给出具体反馈
getCurrentPosition() 的 error 回调会返回 PositionError 对象，包含 code 和 message。应根据 code 做差异化处理：
- code === 1（PERMISSION_DENIED）：用户拒绝授权 → 不再重复请求，提供设置指引（如“前往浏览器地址栏右侧图标 > 网站设置 > 位置 > 允许”）
- code === 2（POSITION_UNAVAILABLE）：设备无 GPS、Wi-Fi 关闭或定位服务异常 → 提示检查网络与系统定位开关
- code === 3（TIMEOUT）：超时未响应 → 可重试一次，或允许手动输入城市/区域作为备选
设计上默认不依赖位置，支持无权限场景
不要让核心功能（如搜索、下单）因位置不可用而中断。推荐做法：
- 位置仅用于增强体验（如排序、默认城市），而非必要条件
- 提供手动选择城市/区域的入口，并记住用户上次选择
- 在权限请求前，用简短文案说明用途（如“用于显示离您最近的自提点，不会共享给第三方”），提升授权率
- 避免在页面加载时立即请求权限，优先响应用户主动操作（如点击“找附近”按钮）
