小程序：点击按钮获取当前位置信息_qqmapwx key

样式

首先需要获取到地图key(这里采用的是腾讯map) 

1.进入腾讯位置服务腾讯位置服务 - 立足生态，连接未来

2.进入右上角控制台

 3.选择我的应用，点击添加key

4.填写详细信息，点击确定便可得到key

 5.下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.1 或者 JavaScriptSDK v1.2 

 6.下载任意一个打开安装包,选择其中一个文件，放入小程序指定位置(这里放入的是utils文件下)

 

代码：

 WXML

<view style="margin:20px;">
    <input type="text" style="border:1px solid;text-align: center;" placeholder="点我" disabled="true" value="{{address}}" bindtap="getlocation" />
</view>

js(别忘了填写腾讯位置服务中心获取的key)

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
  key: '你的Key' // 必填
});
Page({
  data: {},
  getlocation(e) {//点击按钮获取当前位置信息
    //获取当前位置
    var that = this
    wx.getLocation({
      type: 'gcj02',
      success: function (res) {
        //根据坐标获取当前位置名称，显示在顶部，腾讯地图逆地址解析
        console.log("纬度",res.latitude,'经度',res.longitude);//当前位置经纬度
        qqmapsdk.reverseGeocoder({
          location: {//将经纬度放入location,转换为地址信息
            latitude: res.latitude,
            longitude: res.longitude
          },
          success: function (res) {
            var address = res.result.formatted_addresses.recommend;//根据qqmapsdk.reverseGeocoder得到当前地址信息
            console.log(address);//当前位置信息
            that.setData({
              address: res.result.formatted_addresses.recommend//参数存入data中
            })
          }
        })
      },
    })
  },
})

app.json

需要填写信息才能使用

  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "requiredPrivateInfos": [
    "getLocation"
  ]