美文网首页
微信小程序--腾讯地图使用笔记

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

作者: 要开心 | 来源:发表于2019-08-06 09:41 被阅读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. 获取了权限不要以为就万事大吉了,这里还有个坑,如果你调用接口可能得到结果:

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

    相关文章

      网友评论

          本文标题:微信小程序--腾讯地图使用笔记

          本文链接:https://www.haomeiwen.com/subject/ymxsfctx.html