微信小程序——腾讯位置服务接口使用

腾讯位置服务使用说明

也可以看本人B站视频【微信小程序】5分钟学会腾讯地图插件

1、登录微信公众号管理平台https://mp.weixin.qq.com/

在这里插入图片描述

2、设置-第三方设置-添加插件搜索:腾讯位置服务路线规划

在这里插入图片描述
在这里插入图片描述

3、插件管理-打开详情

里面有关于如何使用位置服务的详细介绍

在这里插入图片描述

4、开发文档-插件指引

使用需要申请key

在这里插入图片描述

5、使用前需要注册,才能申请key

在这里插入图片描述

6、使用演示

1)跳转到腾讯位置接口页面

在这里插入图片描述

2)仅在.js文件添加代码

在这里插入图片描述

3)打开效果-使用前需要用户授权位置服务(后面有介绍)

手机效果
在这里插入图片描述

开发工具效果
在这里插入图片描述

4)代码-使用你自己的key

let plugin = requirePlugin('routePlan');
let key = '你的key';  //使用在腾讯位置服务申请的key
let referer = 'app的名称';   //调用插件的app的名称 必须符合app名称
let endPoint = JSON.stringify({  //终点 可修改
  'name': '北京西站',
  'latitude': 39.894806,
  'longitude': 116.321592
});
let mode = 'walking' ;   // 默认不步行
// let endPoint = '';  + '&endPoint='  + endPoint
Page({
  // 接下来触发
  onLoad:function(e){
    wx.switchTab({
      url:"/pages/menu/menu"
    })
  },
  // 首先触发
  onShow:function(e){
    wx.navigateTo({
      url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint + '&mode=' + mode
    })
  }
})

5)注意!获取用户位置服务需要在app.json添加如下代码

相关说明
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html#scope%20%E5%88%97%E8%A1%A8

在这里插入图片描述

在这里插入图片描述

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  },

最后此次微信小程序的开发

完成了一个不成熟的小程序:笔墨记录

邮箱471583744@qq.com
打个广告:https://curl.qcloud.com/n1MUDFl9
请添加图片描述


版权声明:本文为weixin_44593925原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。