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

敲代码的TKP

已于 2022-08-01 10:28:45 修改

阅读量2k

点赞数 1

分类专栏：小程序文章标签：微信小程序小程序 javascript

于 2021-12-06 17:12:25 首次发布

TKP

本文链接：https://blog.youkuaiyun.com/TKP666/article/details/121751291

版权

小程序专栏收录该内容

18 篇文章

订阅专栏

例如：小程序首页要显示用户地区
在这里插入图片描述
需求：用户打开页面自动获取当前位置的定位，小程序wx.openLocation只能获取到经纬度，所以需要用腾讯地图SDK.。
1.引入当前页面js文件中。

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

2.调用wx.getLocation获取当前位置经纬度，调用qqmapsdk.reverseGeocoder获取当前位置名称。

getLocation: function () {
    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) //当前位置区域
          }
        })
      }
    })
  },