微信小程序之使用腾讯地图SDK获取当前位置步骤。

时间:2024-04-02 07:17:38

效果图:
微信小程序之使用腾讯地图SDK获取当前位置步骤。
最近在做收货地址管理,用户第一次打开时需要获取当前位置省市区街道定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.。
微信小程序之使用腾讯地图SDK获取当前位置步骤。
完成上面步骤,下面是我在小程序中的使用步骤记录:

1.引入当前页面js文件中。

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
  key: 'xxxxx' //申请的开发者秘钥key
});

2.wx.getLocation获取当前位置经纬度,调用qqmapsdk.reverseGeocoder接口。

wx.getLocation({
      type: 'gcj02',
      success(res) {
        // 调用sdk接口
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success: function(res) {
            console.log(res)  //获取成功
            console.log(res.result.address_component.province)  //当前位置省会
            console.log(res.result.address_component.city)  //当前位置城市
            console.log(res.result.address_component.district)  //当前位置区域
          }
      }
})