6617网址导航彩票网站大全,安全教育平台登录入口,紫金建设公司官网,电子商务网站的主题及建设目标需求#xff1a;在小程序首页需要显示用户所在城市。 解决方案#xff1a;使用wx.getLocation获取经纬度坐标#xff0c;再使用微信小程序JavaScript SDK的地址逆解析方法reverseGeocoder#xff0c;就可以完美搞定。 微信小程序JavaScript SDK官方地址 https://lbs.qq.c…需求在小程序首页需要显示用户所在城市。 解决方案使用wx.getLocation获取经纬度坐标再使用微信小程序JavaScript SDK的地址逆解析方法reverseGeocoder就可以完美搞定。 微信小程序JavaScript SDK官方地址 https://lbs.qq.com/qqmap_wx_jssdk/index.html 我的实现 1、首先申请腾讯地图密钥key特别要注意域名白名单的填写。 2、安装qqmap-wx-jssdk 大家可以从官网直接下载使用我是使用npm包的方式安装 yarn add qqmap-wx-jssdk3、核心代码 const QQMapWX require(qqmap-wx-jssdk); export default {data() {return {qqmapsdk: null,}},methods:{// 获取当前位置经纬度async getCurrentPosition() {const self this// 获取经纬度const { latitude, longitude } await new Promise((resolve, reject) {wx.getLocation({type: gcj02,success(res) {resolve(res)}})})// 获取地址信息this.qqmapsdk.reverseGeocoder({location: {latitude: latitude,longitude: longitude},success: function (res) {const { result } resconst { address } result// 打印看看吧console.log(result);},fail: function (res) {console.log(res)}})}},onLoad() {this.qqmapsdk new QQMapWX({ key: PW2BZ-3WDWD-4X44T-PDRF2-D6Z3Q-I4FA5 })this.getCurrentPosition()} } 4、最后记得要配置一下合法域名。