微信小程序开发之定位问题

一、获取个人定位信息（使用map、markers组件）

先在app.json文件中加入如下代码

 

 确认授权，然后在使用定位页面调用如下方法

wx.getLocation({
      type: 'gcj02',
      success: (res)=> {
        let latitude = res.latitude
        let longitude = res.longitude
        this.setData({
          latitude: latitude,
          longitude: longitude,
          hasMarkers: true,
          markers:[{id:0,longitude:longitude,latitude:latitude,iconPath:"../../../images/common/mark_bs.png",width:19,height:33}]
        })
      }
 
    })

二、坐标转换

调用工具类文件WSCoordinate.js文件

    //将WGS-84(国际标准)转为GCJ-02(火星坐标)
    var result1 = util.transformFromWGSToGCJ(32.0806670849, 118.9060163095);
    
    // 将GCJ-02(火星坐标)转为百度坐标
    var result2 = util.transformFromGCJToBaidu(32.0806670849, 118.9060163095);

    //将百度坐标转为GCJ-02(火星坐标)
    var result3 = util.transformFromBaiduToGCJ(32.0806670849, 118.9060163095);

    //将GCJ-02(火星坐标)转为WGS-84
    var result4 = util.transformFromGCJToWGS(32.0806670849, 118.9060163095);

 

参考链接：https://www.jianshu.com/p/39e283f7979e
三、位置坐标转化为实际地址信息

去微信小程序JavaScript SDK | 腾讯位置服务 (qq.com)申请key，下载JavaScriptSDK v1.2，下图是官网给的步骤

 

 然后页面引用下载的sdk，

const QQMapWX = require('../../../utils/qqmap-wx-jssdk.js')

//经纬度转化位置信息
  getAddress: function(latitude, longitude){
    const vm = this;
    let qqmapsdk = new QQMapWX({
      key: '申请的key'
    })
      // reverseGeocoder 为 QQMapWX 解析 经纬度的方法
    qqmapsdk.reverseGeocoder({
      location: {latitude,longitude},
      success(res) {
          console.log('success', res.result.address)
          vm.setData({
            positionInfo: res.result.address
          })
      }
    })
  }

最后就会获得当前位置文字信息啦