1、申请路线规划插件

微信公众平台, “微信小程序后台-设置-第三方设置-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务路线规划” ,选择添加插件即可。

2、申请key

调用路线规划插件需要申请腾讯位置服务的服务账号,key是开发者的唯一标识,申请地址:https://lbs.qq.com/dev/console/key/add、

3、在小程序中引入路线规划插件

在小程序的app.json文件做如下配置就可以在小程序中引入路线规划插件:

// app.json
{"plugins": {"routePlan": {"version": "1.0.6","provider": "wx50b5593e81dd937a"}},"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序定位"}}
}

最新版本查看地址:https://lbs.qq.com/miniProgram/plugin/pluginGuide/routePlan

4、在小程序中调用路线规划插件

//页面js文件
let key = '申请的key';  //使用在腾讯位置服务申请的key
let referer = 'app的名称';   //调用插件的app的名称let startPoint = JSON.stringify({  //起点,若不写默认为用户当前位置'name': '起点位置名称','latitude': 起点纬度,'longitude': 起点经度
});
let endPoint = JSON.stringify({  //终点'name': '终点位置名称','latitude': 终点纬度,'longitude': 终点经度
});Page({data: {},onLoad: function (cb) {wx.navigateTo({url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint});},});//如需驾车导航,可写为
url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&navigation=1'+'&endPoint=' + endPoint

附:经纬度查询https://jingweidu.51240.com/

微信小程序应用”腾讯位置服务路线规划“插件相关推荐

  1. 微信小程序调用腾讯位置服务获取城市列表

    微信小程序调用腾讯位置服务获取城市列表 注意前期的准备: 1.需要用到微信小程序JavaScript SDK https://lbs.qq.com/miniProgram/jsSdk/jsSdkGui ...

  2. 小程序腾讯位置服务路线规划插件申请方法

    如果用以下常规的方法个人小程序大概率是通过不了的 在腾讯微信公众平台中, "微信小程序官方后台-设置-第三方服务-插件管理" 里点击 "添加插件",搜索 &qu ...

  3. 【微信小程序】腾讯位置服务地图选点 服务示例

    插件添加 1.插件申请接入: 在腾讯公众平台中, "微信小程序官方后台-设置-第三方服务-插件管理" 里点击 "添加插件",搜索 "腾讯位置服务地图选 ...

  4. 微信小程序使用腾讯地图进行路线规划,坐标转地址,逆地理编码,计算目的地跟自身定位的距离

    微信小程序使用腾讯地图 1.介绍腾讯地图 官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...

  5. 微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权

    效果图 首先要在微信开放平台的小程序里 添加插件 具体配置,可以参考官方文档 腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 (qq.com) 同时还要申请接口的权限,不然小程序上线的时候不能 ...

  6. 微信小程序--引入腾讯位置服务插件

    1.首先打开微信开发文档,点击组件---点击地图map 2.点击小程序地图插件可以查看 腾讯地图 操作指南 3.打开微信公众平台----打开第三方设置---设置----第三方设置---插件管理里面添加 ...

  7. 微信小程序结合腾讯位置服务获取用户所在城市信息

    背景 实现小程序进去后获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上. 微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是 ...

  8. 微信外卖小程序 怎么计算与客户的距离_微信小程序结合腾讯位置服务实现用户商家距离计算...

    前言 小程序实操,距离计算总结. 思路 一共有两种方法,各有利弊: 1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算; 2.利用腾讯地图位置服务cal ...

  9. 微信小程序之腾讯位置服务

    登录头像位置服务官网创建key key名称随便填,我们开发的是小程序所以勾选微信小程序然后填写小程序的开发id,然后就会生成key 查看小程序开发文档 根据流程点击下载JavaScriptSDK v1 ...

最新文章

  1. 视频处理器为电池供电的设计提供4K视频编码
  2. linux c 按行读取文件
  3. linux下实现getch()函数的功能
  4. [译]GC专家系列1:理解Java垃圾回收
  5. jetty嵌入式容器_嵌入式Jetty和Apache CXF:借助Spring Security来保护REST服务
  6. 如何使用SSH客户端远程操作linux系统,并启动、关闭tomcat和查看后台日志
  7. hwclock: Open of /dev/rtc failed, errno=19: No such device.
  8. android收入管理系统,毕业设计(论文)-基于Android系统的家庭理财通软件的设计——收入管理模块.docx...
  9. redis set时间单位_SpringBoot+Redis分布式锁:模拟抢单
  10. 网站后台发通知页面效果图
  11. JAVA面试要点008---HashMap、Hashtable、ConcurrentHashMap的原理与区别_ConcurrentHashMap原理
  12. java泛型概念与通配符含义初探
  13. kafka 不同分区文件存储_Kafka 系列(二)文件存储机制与Producer架构原理怎样保证数据可靠性??...
  14. C++中include头文件使用与的区别
  15. php设置上传文件浏览按钮的样式和文字,文件上传按钮的用户自定义样式的实现...
  16. Keil开发软件的使用详解
  17. 三农数据(1990-2020)七:农村居民家庭生产现金支出、农村固定资产构成、固定资产投向
  18. LQR轨迹跟踪——基于ROS系统和全向车实验平台
  19. 联想台式计算机 不启动u盘,联想电脑不能u盘启动怎么办
  20. BiTree T 和Bitree T

热门文章

  1. mysql可以存文档_MySQL 文档存储介绍
  2. WPF文字阴影 文字描边
  3. 免费的录频软件WIN10的WIN+G
  4. 这 7 道关于闭包的面试题,你能答对几个?
  5. matlab nc工具包getnc,nctoolbox 工具箱
  6. ZYNQ-基于BRAM的PS和PL数据交互
  7. 数据结构与算法-动态规划
  8. python打印星图_Python中的星图
  9. Windows 10开机自动打开上次关机未关闭的软件
  10. 电脑客户端如何同时登陆多个微信账号