Geolocation API可在HTTPS环境下获取用户位置信息,需用户授权。首先检查支持性:if (navigator.geolocation)。使用getCurrentPosition()获取一次位置,包含纬度、经度等;watchPosition()持续追踪位置变化,返回watchId用于clearWatch停止监听。错误处理中,code 1为拒绝授权,code 2为定位失败,code 3为超时。

JavaScript的Geolocation API可以让你获取用户的地理位置信息,比如纬度、经度和海拔等。这个功能在地图应用、本地服务推荐或天气查询中非常实用。使用前需要注意:必须在安全上下文(HTTPS)中运行,且需要用户授权。
检查浏览器是否支持Geolocation
在调用API之前,先确认用户的浏览器是否支持地理定位功能。
if (navigator.geolocation) {// 支持地理定位
} else {
console.log("您的浏览器不支持地理定位");
}
获取当前位置
使用 navigator.geolocation.getCurrentPosition() 方法可以获取用户当前的一次性位置。
navigator.geolocation.getCurrentPosition(function(position) {
const lat = position.coords.latitude;
const lng = position.coords.longitude;
console.log(`纬度: ${lat}, 经度: ${lng}`);
},
function(error) {
console.error("获取位置失败:", error.message);
}
);
第一个回调函数处理成功结果,第二个处理错误情况,例如用户拒绝授权或定位超时。
立即学习“Java免费学习笔记(深入)”;
监听位置变化
如果需要持续追踪用户位置,比如导航应用,可以使用 watchPosition() 方法。
function(position) {
const lat = position.coords.latitude;
const lng = position.coords.longitude;
console.log(`实时位置 - 纬度: ${lat}, 经度: ${lng}`);
},
function(error) {
console.error("定位出错:", error.message);
}
);
该方法会返回一个ID,可在不需要监听时通过 clearWatch(watchId) 停止更新。
处理常见错误
定位失败可能有多种原因,error对象包含code字段,对应不同问题:
- code: 1 - 用户拒绝授权
- code: 2 - 无法获取位置(如GPS关闭)
- code: 3 - 请求超时
根据这些信息可以提示用户检查设置或重试。
基本上就这些。只要注意权限和安全性,Geolocation API使用起来很直接。










