JavaScript API 获取当前地理位置

最新推荐文章于 2024-09-07 21:10:16 发布

Thetimezipsby

最新推荐文章于 2024-09-07 21:10:16 发布

阅读量454

点赞数

分类专栏：常用代码块文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_43775179/article/details/133922192

版权

常用代码块专栏收录该内容

11 篇文章 0 订阅

订阅专栏

以下代码复制粘贴到 JS文件即可👇

if ("geolocation" in navigator) {
  navigator.geolocation.getCurrentPosition(position => {
    const latitude = position.coords.latitude;
    const longitude = position.coords.longitude;

    // 使用逆地理编码服务获取地址信息
    fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${latitude}&lon=${longitude}`)
      .then(response => response.json())
      .then(data => {
        const location = data.address.state; // 获取省份信息
        console.log("当前用户所在省份: " + location);
      })
      .catch(error => {
        console.error("获取位置信息失败: " + error);
      });
  }, error => {
    console.error("获取地理位置失败: " + error.message);
  });
} else {
  console.error("浏览器不支持Geolocation API");
}