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. C++实现质因数分解
  2. Deep learning:五(regularized线性回归练习)
  3. x64汇编第三讲,64位调用约定与函数传参.
  4. target-action设计模式--主要为Button的方法重写
  5. 背景半透明(HTML、CSS)
  6. android xml 加密,AndroidManifest.xml和MAIN.xml文件都是加密的,请问怎么解决
  7. VS201-无法打开源文件hpp(或链接库文件)的解决方法
  8. 毕设项目部署到服务器,在云服务器上做毕设
  9. Flurry 分析 API 中文教程(Flurry Analytics API)
  10. 租便宜的VPS应该注意什么?
  11. 涛涌天际,水利万物:黄浦江畔读懂城市智能体
  12. VB 操作Excel
  13. Block学习-关于Block是如何实现的,以及block中参数传递
  14. c语言学习—图书搜索
  15. webix .datatable 表格分页
  16. echarts修改鼠标悬停在节点上时显示的内容,自定义鼠标悬停显示内容
  17. 有关感知器的一个小故事
  18. WPS如何并排放置两张图片_集合30项图片处理功能,这款工具到底多牛?
  19. baidu spider IP 查询
  20. 深度神经网络预测模型,人工神经网络回归分析

热门文章

  1. 【过零检测】市电过零检测电路参考设计
  2. 考研复试-英语问题+解答
  3. 电竞玩家看过来:WVA2018启动,深圳E-GO CLUB开业
  4. C++中头文件和源文件
  5. Android利用云盘实现手机上传功能
  6. Oracle 中的 Incarnation 到底是个什么?概念理解篇
  7. The import path cannot end with a ‘.ts‘ extension
  8. 生活质量衡量系统_【惊爆】!!何为电能质量,作为电气工程师你真的明白么?...
  9. 102类花卉分类数据集(已划分,有训练集、测试集、验证集标签)
  10. SAP之VM创建SUSE虚拟机