[微信小程序] 微信小程序获取用户定位信息并加载对应城市信息，wx.getLocation，腾讯地图小程序api，微信小程序经纬度逆解析地理信息

因为需要在小程序加个定位并加载对应城市信息

然而小程序自带api目前只能获取经纬度不能逆解析，虽然自己解析方式，但是同时也要调用地图，难道用户每次进小程序还要强行打开地图选择地址才定位吗？多麻烦也不利于用户体验

我就不多说什么了，直接上代码

微信小程序获取用户定位信息并加载对应城市信息  wx.getLocation  腾讯地图小程序api  微信小程序经纬度逆解析地理信息

  1  //加载腾讯位置服务js文件（必须）

       var qqmap=require('../../utils/qqmap-wx-jssdk.min.js')

   //预加载内容
  onLoad: function () {

    //调用腾讯地图sdk  添加腾讯地图key

    var demo = new qqmap({
      key: '*****-*****-*****-*****-SY7PH-SMFTK'
    });

    //此声明最好不要写在 wx.getLocation方法内，this指代不同

    var that = this;
    wx.getLocation({
      type: 'gcj02',  //编码方式，
      success: function (res) {
        var latitude = res.latitude   // wx.getLocation 获取当前的地理位置、速度   latitude(维度)  longitude（经度）

        var longitude = res.longitude
        demo.reverseGeocoder({  
                //腾讯地图api 逆解析方法 首先设计经纬度
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
　　　　　　　　　　//逆解析成功回调函数
          success: function (res) {
            getApp().globalData.cityname = res.result.address_component.city;   //全局变量存放城市   res.result.address_component.city 获取解析之后地址中的城市 33             
　　　　　　　　　 console.log("onLoad");

　　　　　　　　　　//wx.request 发起网络请求，类似于ajax

            wx.request({
              url: 'https://www.xxxxxxxxxx.com/home/index/xcx_index',  //填写对应服务器地址
              data: {
                // cityid: getApp().globalData.cityid,     //我这里需要提交的参数，这里我是把获取的城市发给后台，然后后台给我对应城市的数据json文件
                cityna: getApp().globalData.cityna,
                district: res.result.address_component.city,
              },
              header: {
                "Content-Type": "applicatiSon/x-www-form-urlencoded"
              },
              method: "POST",
              success: function (res) {
                console.log(res.data.data);   
　　　　　　　　　　　　　　//解析回调函数得到的json文件并一层一层的解析然后数据绑定到页面上
                that.setData({
                  // 轮播图图片
                  imgurls: res.data.data.pics 58                 });
                getApp().globalData.cityid = res.data.data.datacompany.cityid;
                // this.data.pic_array_dq2[e.detail.value].name
              }
            });
　　·　　　　　　　　// 成功后提醒
            wx.showModal({
              title: '定位成功',
              content: '当前城市：' + getApp().globalData.cityname,
            });
           
          },
          fail: function (res) {
　　　　　　　　　　//失败的回调函数
            // console.log(res);
          },
          complete: function (res) {
　　　　　　　　　　//完成之后的回调函数，不管是否成功
            console.log("逆解析状态码："+res.status);  //res.status  获取状态码，为0代表解析成功，但是我们要考虑失败的兼容，可能用户并不愿意同意获取地理位置，所以不为0 的时候也要加载内容给个默认地址
            if (res.status!=0){
              wx.request({
                url: 'https://www.cyzs97.com/home/index/xcx_index',
                data: {
                  // cityid: getApp().globalData.cityid,
                  cityna: getApp().globalData.cityna,
                  district:"",
                },
                header: {
                  "Content-Type": "applicatiSon/x-www-form-urlencoded"
                },
                method: "POST",
                success: function (res) {
                  console.log(res.data.data);
                  that.setData({
                    // 轮播图图片
                    imgurls: res.data.data.pics,   99                   });
                  getApp().globalData.cityid = res.data.data.datacompany.cityid;
                  // this.data.pic_array_dq2[e.detail.value].name
                }
              });
　　　　　　　　　　　　//提示用户失败可开启定位服务
              wx.showModal({
                title: '定位失败',
                content: '定位失败，未授权获取当前位置或服务错误' ,
              });
            }
            console.log("定位获取的：" + getApp().globalData.cityname); 
          }
        });
      }
    });
        
    },

 当然最重要的不能忘记，需要配置服务器，只需安全域名设置，需要在微信公众平台添加域名地址 https://apis.map.qq.com