如何利用JavaScript的Geolocation API获取用户地理位置？-js教程-PHP中文网

如何利用JavaScript的Geolocation API获取用户地理位置？

betcha

发布： 2025-10-04 23:13:02

原创

666人浏览过

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

如何利用javascript的geolocation api获取用户地理位置？

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免费学习笔记（深入）”；