js实现定位地址

使用Geolocation API获取当前位置

浏览器原生提供的navigator.geolocation对象可以获取设备的地理位置。调用getCurrentPosition()方法会返回经纬度坐标：

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(
    (position) => {
      const latitude = position.coords.latitude;
      const longitude = position.coords.longitude;
      console.log(`纬度: ${latitude}, 经度: ${longitude}`);
    },
    (error) => {
      console.error('获取位置失败:', error.message);
    }
  );
} else {
  console.error('浏览器不支持地理定位');
}

转换为实际地址（逆地理编码）

获取经纬度后，可通过第三方API（如Google Maps API或高德/百度地图API）转换为具体地址：

// 使用高德地图逆地理编码API示例
function getAddress(lng, lat) {
  const key = '你的高德API密钥';
  fetch(`https://restapi.amap.com/v3/geocode/regeo?key=${key}&location=${lng},${lat}`)
    .then(response => response.json())
    .then(data => {
      const address = data.regeocode.formatted_address;
      console.log('详细地址:', address);
    });
}

持续监听位置变化

需要跟踪移动设备的位置时，可使用watchPosition()方法：

const watchId = navigator.geolocation.watchPosition(
  (position) => {
    console.log('当前位置:', position.coords);
  },
  (error) => {
    console.error('监听失败:', error);
  },
  { enableHighAccuracy: true, timeout: 5000 }
);

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

浏览器兼容性注意事项

• HTTPS环境下才能正常工作（本地开发除外）
• iOS 10+需要用户明确授权
• 部分国产浏览器可能需要特定内核模式

精度优化参数

getCurrentPosition()和watchPosition()可接受配置对象：

{
  enableHighAccuracy: true,  // 是否高精度
  timeout: 10000,            // 超时毫秒数
  maximumAge: 300000         // 缓存位置的最大年龄
}