例如:小程序首页要显示用户地区
需求:用户打开页面自动获取当前位置的定位,小程序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) //当前位置区域}})}})},