Geolocation API可获取用户位置，需HTTPS环境及用户授权，通过getCurrentPosition()获取一次位置，watchPosition()持续监听，coords包含经纬度、精度等信息。
JavaScript的Geolocation API可以让网页获取用户的地理位置信息，常用于地图服务、位置打卡、附近推荐等功能。使用这个功能不需要额外安装库，现代浏览器原生支持。
如何启用地理位置权限
在调用API前，用户必须授权网站访问位置信息。浏览器会自动弹出提示框请求许可。如果用户拒绝，后续操作将无法获取位置。
确保你的网站使用HTTPS协议，因为大多数浏览器只允许安全环境下使用定位功能（本地开发时localhost例外）。
基本用法：获取当前位置
通过navigator.geolocation.getCurrentPosition()方法可以获取一次性的位置数据。
立即学习“Java免费学习笔记（深入）”；
- 第一个参数是成功回调函数，接收一个包含坐标信息的对象
- 第二个参数是失败回调函数，处理用户拒绝或定位失败的情况
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
(position) => {
const lat = position.coords.latitude;
const lng = position.coords.longitude;
console.log(`纬度: ${lat}, 经度: ${lng}`);
},
(error) => {
console.error("定位失败:", error.message);
}
);
} else {
console.log("当前浏览器不支持Geolocation API");
}
持续监听位置变化
使用watchPosition()可以持续跟踪用户的位置变动，适合导航类应用。
- 每次位置更新都会触发回调函数
- 返回一个ID，可用clearWatch()停止监听
const watchId = navigator.geolocation.watchPosition(
(position) => {
const { latitude, longitude, accuracy } = position.coords;
console.log(`位置更新 - 纬度:${latitude}, 经度:${longitude}, 精度:${accuracy}米`);
},
(error) => {
console.error("监听失败:", error);
}
);
<p>// 停止监听
// navigator.geolocation.clearWatch(watchId);</p>coords对象中的关键属性
position.coords提供详细的地理数据：
- latitude / longitude：纬度和经度（最常用）
- accuracy：定位精度，单位为米
- altitude：海拔高度（如果有）
- speed：移动速度（米/秒）
- heading：行进方向（0-360度）
基本上就这些，不复杂但容易忽略权限和错误处理。
