HTML5不直接提供地理定位功能，实际由浏览器内置Geolocation API实现；需在安全上下文运行，先检测支持性，再调用getCurrentPosition()并处理成功与错误回调，从position.coords获取经纬度等信息，并可配置高精度、超时和缓存参数。
HTML5本身不直接提供地理定位功能，真正起作用的是浏览器内置的 Geolocation API —— 它是独立于HTML5但常被归入HTML5生态的JavaScript接口。使用它获取用户坐标，核心是请求授权、调用方法、处理结果和错误，整个过程必须在安全上下文（HTTPS 或 localhost）中运行。
检查支持性并触发定位请求
不是所有浏览器或环境都支持该API，也不能跳过用户授权环节。先判断是否可用，再调用 getCurrentPosition()：
- 用
"geolocation" in navigator或navigator.geolocation判断支持性 - 调用时必须传入成功和失败两个回调函数，不能只写一个
- 若页面非 HTTPS（除 localhost/file:// 外），现代浏览器会直接拒绝调用
从 position 对象中提取经纬度
成功回调接收到的 position 参数是一个对象，真实坐标藏在 position.coords 里：
-
position.coords.latitude是纬度（如 39.9042） -
position.coords.longitude是经度（如 116.4074） - 还可读取
accuracy（精度米数）、altitude（海拔）、speed（移动速度）等字段
必须处理常见错误类型
用户拒绝、超时、位置不可用等情况非常普遍，忽略错误处理会导致功能静默失效：
立即学习“前端免费学习笔记（深入）”；
-
PERMISSION_DENIED：用户点“不允许”或系统级定位已关闭 -
TIMEOUT：默认无超时限制，建议显式设置timeout: 10000（10秒） -
POSITION_UNAVAILABLE：设备没信号、GPS未启动、Wi-Fi未连等导致无法计算位置
可选配置提升定位体验
第三个参数是配置对象，能显著影响结果质量和响应速度：
-
enableHighAccuracy: true：启用高精度模式（如强制调用GPS），但更耗电、更慢 -
timeout: 8000：设定最长等待时间，避免用户长时间等待 -
maximumAge: 30000：允许使用30秒内缓存的位置，加快响应
