JavaScript 浏览器 Geolocation API 获取位置怎么做-js教程-PHP中文网

直接调用 navigator.geolocation.getcurrentposition() 即可获取用户当前地理位置，但必须满足两个前提：页面通过 https 提供服务（本地 localhost 也允许），且用户已授权位置访问权限。

直接调用 navigator.geolocation.getcurrentposition() 即可获取用户当前地理位置，但必须满足两个前提：页面通过 https 提供服务（本地 localhost 也允许），且用户已授权位置访问权限。

基础用法：获取一次当前位置

最常用的是获取当前经纬度，需提供成功和失败的回调函数：

navigator.geolocation.getCurrentPosition(
  // 成功回调
  (position) => {
    const { latitude, longitude } = position.coords;
    console.log(`纬度: ${latitude}, 经度: ${longitude}`);
  },
  // 失败回调
  (error) => {
    console.error('获取位置失败:', error.message);
  }
);

常见错误类型包括：User denied（用户拒绝）、Permission denied（系统级禁用）、Timeout expired（超时，默认60秒）或 Position unavailable（信号弱或定位失败）。

进阶控制：配置定位选项

第三个参数是可选的 options 对象，用于调整精度、超时和是否启用高精度模式：

enableHighAccuracy: true —— 请求更精确的位置（如 GPS），但可能更慢、更耗电，且不总可用
timeout: 10000 —— 设置最大等待时间（毫秒），避免长时间卡住
maximumAge: 60000 —— 允许使用最多 60 秒内缓存的位置数据，提升响应速度

例如：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

navigator.geolocation.getCurrentPosition(
  success,
  error,
  { enableHighAccuracy: true, timeout: 15000, maximumAge: 30000 }
);

持续监听位置变化（可选）

如果需要实时跟踪（如导航应用），可用 watchPosition()，它返回一个唯一 watchId，可用于后续停止监听：

const watchId = navigator.geolocation.watchPosition(
  (pos) => console.log(pos.coords.latitude, pos.coords.longitude),
  (err) => console.error(err)
);

// 停止监听（例如离开页面时）
// navigator.geolocation.clearWatch(watchId);

注意：watchPosition 不会自动去重或限频，频繁触发时建议自行节流处理。