Vue手机定位

//APP定位
    getAddress() {
      console.log(77777);

      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(
          this.showPosition,
          this.showError
        );
      } else {
        Toast.fail("不支持地理定位");
      }
    },
    showPosition(position) {
      Toast.loading({
        mask: true,
        message: "加载中..."
      });
      let lat = position.coords.latitude; //纬度
      let lng = position.coords.longitude; //经度
      let date = {
        addr: lng + "_" + lat
      };
      // this.addmsg.address = lat;
      this.$http.post("xy/getPos", date).then(res => {
        // console.log(res);
        if (res.status == 1) {
          this.addmsg.address = res.data;
        } else if (res.status == 0) {
          Toast.fail(res.data);
        }
      });
    },
    showError(error) {
      switch (error.code) {
        case error.PERMISSION_DENIED:
          Toast.fail("定位失败,用户拒绝请求地理定位");
          break;
        case error.POSITION_UNAVAILABLE:
          Toast.fail("定位失败,位置信息是不可用");
          break;
        case error.TIMEOUT:
          Toast.fail("定位失败,请求获取用户位置超时");
          break;
        case error.UNKNOWN_ERROR:
          Toast.fail("定位失败,定位系统失效");
          break;
      }
    }
posted @   小猴子会上树  阅读(1828)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示