便利贴--2{js获取位置navigator.geolocation.getCurrentPosition}

最新推荐文章于 2025-03-01 00:15:00 发布

原创最新推荐文章于 2025-03-01 00:15:00 发布 · 805 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

本文介绍了如何在前端项目中，特别是Vue.js应用中，利用navigator.geolocation.getCurrentPosition API实现用户地理位置的获取，强调了需要在HTTPS环境下确保定位的安全策略。

便利贴--2{js获取位置navigator.geolocation.getCurrentPosition}

定位

定位

需要https安全策略

let that = this;
      function onError(error) {
        switch (error.code) {
          case 1:
            console.log("位置服务被拒绝，请点击刷新重试！");
            that.context = "位置服务被拒绝，请点击刷新重试！";
            break;
          case 2:
            console.log("暂时获取不到位置信息，请点击刷新重试！");
            that.context = "暂时获取不到位置信息，请点击刷新重试！";
            break;
          case 3:
            console.log("获取信息超时，请点击刷新重试！");
            that.context = "获取信息超时，请点击刷新重试！";
            break;
          case 4:
            console.log("未知错误，请点击刷新重试！");
            that.context = "未知错误，请点击刷新重试！";
            break;
        }
      }
      function onSuccess(position) {
        //返回用户位置
        //经度
        var longitude = position.coords.longitude;
        //纬度
        var latitude = position.coords.latitude;
        /* alert('经度'+longitude+'，纬度'+latitude); */
        console.log(position);
        that.context = position;
      }
      var options = {
        enableHighAccuracy: true,
        maximumAge: 1000,
      };
      navigator.geolocation.getCurrentPosition(onSuccess, onError, options);