当前位置:   article > 正文

vue pc端获取坐标和当前位置信息_nuxt vue 获取用户当前位置信息

nuxt vue 获取用户当前位置信息
if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(
        (res) => {
          let location = res.coords.longitude + "," + res.coords.latitude; // 获取当前坐标
          axios
            .get("https://restapi.amap.com/v3/geocode/regeo", {
              params: {
                location,
                key: "高德地图的key",
              },
            })
            .then((res2) => {
              //请求成功执行
              console.log(res2);
            })
            .catch((error) => {
              //请求失败执行
              console.log(error);
            });
        },
        (err) => {
          console.log("获取位置失败!", err);
        },
        {
          enableHighAccuracy: true, // 位置是否精确获取
          timeout: 5000, //获取位置允许的最长时间
          maximumAge: 1000, // 多久更新获取一次位置
        }
      );
    } else {
      console.log("不支持获取用户当前位置");
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/109882?site
推荐阅读
相关标签
  

闽ICP备14008679号