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

效果图:
微信小程序之腾讯地图SDK获取当前位置。_第1张图片
需求:用户打开页面自动获取当前位置的省市区街道定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.。
微信小程序之腾讯地图SDK获取当前位置。_第2张图片
完成上面步骤,下面是我在小程序中的使用步骤记录:

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)  //当前位置区域
          }
      }
})

你可能感兴趣的:(小程序,小程序)