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

许坏

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

1.2K00

代码可运行

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

运行总次数：0

代码可运行

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

通过百度查阅得知，普遍的做法就是先用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);
        },
      })
    }
  })
},