微信小程序--根据坐标获取当前位置名称

一、腾讯地图申请秘钥
微信小程序--根据坐标获取当前位置名称_第1张图片
微信小程序--根据坐标获取当前位置名称_第2张图片
二、下载微信小程序JavaScriptSDK(微信小程序JavaScriptSDK v1.2)

三、将下载好的sdk引入项目文件中
微信小程序--根据坐标获取当前位置名称_第3张图片
四、需要此功能页面
1.引入SDK核心类和实例化API核心类

var that = this
    // 引入SDK核心类
    var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
    // 实例化API核心类
    var qqmapsdk = new QQMapWX({
      //秘钥key
      key: '*****'
    });

2.获取当前地理坐标并将其你解析为位置信息

wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        // 调用sdk接口
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success: function (res) {
            console.log(res.result.address)
            //获取当前地址成功
            that.setData({
              address: res.result.address,
              location: {
                latitude: res.result.location.lat,
                longitude: res.result.location.lng
              }
            })
            console.log(that.data.address)
            that.setData({
              loacationList: []
            })
            that.getLocationList(res.result.address_reference)
          },
          fail: function (res) {
            console.log('获取当前地址失败');
          }
        });
      },
    })

五、查看打印的返回值
微信小程序--根据坐标获取当前位置名称_第4张图片

你可能感兴趣的:(小程序,地图,微信小程序,小程序,获取当前位置,地图)