微信小程序--腾讯地图使用笔记

2019-08-06  本文已影响0人  要开心
腾讯地图
  1. 地图使用,必须先在腾讯位置服务配置key
    注意key必须与你的小程序的AppID绑定,而且与你实际项目的测试号一致,否则会出现地图使用时“鉴权失败”的问题

  2. 如果需要用到小程序位置服务API,比如获取用户位置信息,POI搜索等,看这里微信小程序JavaScript SDK 进行相关配置

  3. 在具体使用需要权限的API的时候,首先需要在app.json中添加对应的权限设置,如:

  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序地图的效果展示"
    }
  }

然后在需要的地方调用授权API wx.authorize 获取需要的授权,比如授权你获取用户位置信息

// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.userLocation" 这个 scope
    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.userLocation']) {
          wx.authorize({
            scope: 'scope.userLocation',
            success() {
              // 用户已经同意小程序使用位置信息功能,后续调用 wx.getLocation接口不会弹窗询问
              wx.startRecord()
            },
            fail(e) {
              console.log(e);
            }
          })
        }
      }
    })
  1. 获取了权限不要以为就万事大吉了,这里还有个坑,如果你调用接口可能得到结果:

    那么请看这篇文章小程序调用模拟后台接口的坑,能够帮你解惑,或者直接看下图:
上一篇下一篇

猜你喜欢

热点阅读