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

2019-07-09 14:41:58 浏览数 (1)

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

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

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

代码语言:javascript复制
https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

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

代码语言:javascript复制
https://lbs.qq.com/qqmap_wx_jssdk/index.html

逆地址解析:

代码语言:javascript复制
https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html

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

解决办法:

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

下面贴上完整的dome

代码语言:javascript复制
//获取当前位置
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);
        },
      })
    }
  })
},

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

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

0 人点赞