微信小程序获取用户定位（经纬度）信息

时间：2025-03-18 08:44:24

1.只获取定位方法：控制台实现

/weixin_44593720/article/details/1089975822

 2.在wxml页面显示经纬度以及城市位置信息：

微信小程序-获取用户位置（经纬度+所在城市）_微信小程序根据经纬度获取详细地址_Mocode的博客-****博客

3.获取当前定位与指定位置的差值：（方法一可用）

3分钟搞定微信小程序类美团用户商家距离计算 | 微信开放社区

4.坐标拾取器：

点图拾取坐标-地图开放平台|腾讯位置服务

5.计算当前距离到指定距离的直线距离：（首先要实现第二步的配置信息）

①js代码：

Page({
  data:{
    s:''
     },
  onLoad: function() {
    var _this = this;
    _this.findXy() //查询用户与商家的距离
  },
      
    findXy() { //获取用户的经纬度
      var _this = this
      ({
             type: 'gcj02',
             success(res) {
                 distance : _this.getDistance(, , 23.152354,113.341697)
             }
         })
     },
     
      Rad: function(d) { //根据经纬度判断距离
         return d *  / 180.0;
     },
     getDistance: function(lat1, lng1, lat2, lng2) {
         // lat1用户的纬度
         // lng1用户的经度
         // lat2商家的纬度
         // lng2商家的经度
         var radLat1 = (lat1);
         var radLat2 = (lat2);
         var a = radLat1 - radLat2;
         var b = (lng1) - (lng2);
         var s = 2 * ((((a / 2), 2) + (radLat1) * (radLat2) * ((b / 2), 2)));
         s = s * 6378.137;
         s = (s * 10000) / 10000;
         s = (2) + '公里' //保留两位小数
        //  ('经纬度计算的距离:' + s)
         ('您距离学校中心的距离:' + s)
        //回调渲染到前端页面
         ({
           s:s
         })
         return s
     },
     })

②wxml代码：

<view bind:tap="getDistance" style="background-color: rgb(222, 221, 135);height: 100px;font-size: 30px;">您当前距离学校中心的距离为：{{s}}</view>

③中：

"permission": {
    "": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },

6.如果在项目中不显示内容，可以在文件中加入以下代码进行授权：

主要是对“getLocation”进行授权

  "requiredPrivateInfos": [
    "getLocation",
    "onLocationChange",
    "startLocationUpdateBackground",
    "chooseAddress",
    "chooseLocation",
    "choosePoi"
]

相关文章