「小程序踩坑」获取用户地理位置名称

许坏

发布于 2019-07-09 14:41:58

1.1K0

发布于 2019-07-09 14:41:58

文章被收录于专栏：宅机吧宅机吧

这两天在做一个小项目，涉及到一点就是要获取用户的地理名称

通过百度查阅得知，普遍的做法就是先用wx.getLocation获取当前经纬度，然后再利用腾讯地图提供的接口，获取出实时地理名称，很简单，但是腾讯地图接口那里有坑。

首先，根据官方文档，获取用户经纬度

https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

然后接入腾讯地图sdk，使用文档地址

https://lbs.qq.com/qqmap_wx_jssdk/index.html

逆地址解析：

https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html

照着流程走，在小程序中你会发现这样一个报错

解决办法：

将WebServiceAPI打开，下面设置中不需要做任何配置即可。

下面贴上完整的dome

//获取当前位置
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;
location:function(){
var that = this;
  qqmapsdk = new QQMapWX({
    key: '你在腾讯地图申请的key'
  });
  wx.getLocation({
type: 'wgs84',
    success(res) {
      qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
        },
success: function (addressRes) {
         that.setData({
location: addressRes.result.address
         })
        },
fail: function (error) {
console.error(error);
        },
      })
    }
  })
},

如果对开发感兴趣，就抓紧学习吧，送首歌给大家

如果开发中遇到啥子疑难杂症，在评论区中留言，等有时间了我会挨个回复的。

本文参与腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2019-05-08，如有侵权请联系 cloudcommunity@tencent.com 删除

api