当前位置：首页 > JavaScript

JS实现GPS

2026-03-14 15:28:17JavaScript

GPS定位的基本原理

GPS（Global Positioning System）通过卫星信号计算设备的地理位置。浏览器中可通过JavaScript调用Geolocation API获取用户设备的经纬度坐标。

浏览器Geolocation API使用

现代浏览器（Chrome、Firefox、Edge等）支持通过navigator.geolocation对象访问定位功能。需用户授权后生效。

JS实现GPS

if ("geolocation" in navigator) {
  navigator.geolocation.getCurrentPosition(
    (position) => {
      console.log("纬度:", position.coords.latitude);
      console.log("经度:", position.coords.longitude);
      console.log("精度:", position.coords.accuracy); // 单位：米
    },
    (error) => {
      console.error("定位失败:", error.message);
    },
    {
      enableHighAccuracy: true, // 高精度模式（可能增加功耗）
      timeout: 5000,            // 超时时间（毫秒）
      maximumAge: 0             // 不缓存旧位置
    }
  );
} else {
  console.error("浏览器不支持Geolocation API");
}

实时位置监听

需持续获取位置变化时（如导航应用），可使用watchPosition方法：

JS实现GPS

const watchId = navigator.geolocation.watchPosition(
  (position) => {
    console.log("实时位置:", position.coords);
  },
  (error) => {
    console.error("监听错误:", error);
  }
);

// 停止监听
// navigator.geolocation.clearWatch(watchId);

注意事项

HTTPS环境：多数浏览器要求页面通过HTTPS协议加载才允许定位。
用户权限：首次调用时会弹出权限请求对话框，用户拒绝后将无法获取位置。
备用方案：若GPS不可用，浏览器可能通过IP地址或Wi-Fi信号估算位置（精度较低）。

坐标转换与应用

获取的经纬度可通过第三方API（如Google Maps API、百度地图API）转换为具体地址：

// 示例：使用Google Maps Geocoding API
fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${latitude},${longitude}&key=YOUR_API_KEY`)
  .then(response => response.json())
  .then(data => console.log("地址:", data.results[0].formatted_address));

兼容性处理

对旧版本浏览器的兼容性检查：

const options = {
  enableHighAccuracy: false, // 低功耗模式
  timeout: 10000            // 延长超时时间
};

navigator.geolocation.getCurrentPosition(
  successCallback,
  errorCallback,
  options
);