小程序之引入腾讯路线规划插件实现地图路线导航功能

最新推荐文章于 2024-08-04 10:22:25 发布
最新推荐文章于 2024-08-04 10:22:25 发布
阅读量3.5k 收藏 16
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42248955/article/details/105887225
版权
本文详细介绍了如何在微信小程序中引入并使用腾讯路线规划插件，包括申请插件、获取key、配置小程序、引入插件到项目及解决常见问题。通过步骤解析，帮助开发者快速实现地图路线导航功能。
摘要由CSDN通过智能技术生成

折腾了一晚上，搜到教程都是碎片化的！在坑里掉了又掉，终于弄明白所有流程了，想写一个小白版教程（话说我最喜欢配图教程了，详细），下面直接进入正题。

一：申请路线规划插件

在微信公众平台申请插件，是这个网页而不是公众号，"登录"->"设置"->"第三方插件"->"插件管理"
->"添加插件"，直接搜"腾讯位置服务路线规划"

添加成功后，点"详情"查看插件AppID

可以看到插件AppID 为wx50b5593e81dd937a

二：申请key

 key是开发者的唯一标识，点击这里，"key管理"->"开发者密钥申请"->"创建key成功"，记录下来，之后要用

最低0.47元/天 解锁文章
龙井茶奇遇
关注
微信小程序之地图导航，路线规划
浅墨
03-11 1931
地图导航
3分钟教你学会使用路线规划小程序插件
腾讯位置服务
10-15 1108
腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。目前微信小程序插件提供路线规划、地铁图、地图选点等服务，欢迎大家体验！ 我们将陆续推出更多功能的插件，敬请期待！ 以下内容转载自微信开放社区腾讯位置服务官方文章《3分钟教你学会使用路线规划小程序插件》 作者：腾讯位置服务 链接：https://...
使用微信小程序开发实现定位和导航功能
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-04 1997
在移动应用开发中，定位和导航功能是许多应用场景的核心组成部分。微信小程序作为一种便捷的移动应用形式，也支持实现这些功能。本文将详细介绍如何在微信小程序中集成定位和导航功能，并提供详细的代码示例和实用技巧，帮助开发者更好地理解并掌握这一技术。通过上述示例和技术分析，我们可以看到微信小程序提供了强大的定位和导航功能。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，
uniapp微信小程序线路规划实现plugin://routePlan/index
小马总的博客
11-05 1583
调用底部这个方法然后 设置key和名称 即可实现线路规划。进入注册好的微信小程序，还需要设置安全域名。
在微信小程序中使用腾讯位置服务路线规划插件
qq_39784865的博客
04-17 2272
腾讯位置服务路线规划插件1、添加插件2、在app.json代码中引入插件包3、在app.json代码中设置定位授权：4、使用插件5、最终效果图 1、添加插件 在小程序中引入插件，进入微信公众号平台，在设置中找到第三方设置，在插件管理中添加插件。搜索到腾讯位置服务路线规划插件，点击添加，同时打开该插件的详情，在里面查找到该插件的AppID与版本号。 2、在app.json代码中引入插件包 // app.json { "plugins": { "routePlan": { "versio
微信小程序路线规划
wendy_qx的博客
01-09 429
【代码】微信小程序路线规划。
uniapp 微信小程序 腾讯位置服务路线规划插件的使用
树上骑个猴的博客
03-24 1450
微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html uniapp项目的manifest.json文件： "permission" : { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" } }, "plugins" : {
微信小程序应用”腾讯位置服务路线规划“插件
L_melody的博客
07-24 2207
1、申请路线规划插件 微信公众平台， “微信小程序后台-设置-第三方设置-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” ，选择添加插件即可。 2、申请key 调用路线规划插件需要申请腾讯位置服务的服务账号，key是开发者的唯一标识，申请地址：https://lbs.qq.com/dev/console/key/add、 3、在小程序中引入路线规划插件 在小程序的app.json文件做如下配置就可以在小程序中引入路线规划插件： // app.json { "plugins
uniapp 微信小程序实现路线规划导航
qq_42420412的博客
02-11 3059
1.引入插件 在微信公众平台中找到设置，添加腾讯位置服务路线规划插件 2.引入插件包&授权 1.在项目中找到manifest.json，找到小程序相关配置（mp-weixin）直接复制进去。 "plugins": { "routePlan": { "version": "1.0.18", "provider": "wx50b5593e81dd937a" } }, "permission": { "scope.userLo
微信小程序之实现地图定位（使用腾讯位置服务插件）
热门推荐
盛夏温暖流年
01-08 3万+
一. 开通腾讯位置服务 1.进入微信公众平台 https://mp.weixin.qq.com/ 2.登录进入小程序后台，选择 “开发 - 开发工具 - 腾讯位置服务” 3.点击 “开通”，进入授权扫码界面 4.使用微信扫码进行授权 5.绑定开发者账号 二. 接入插件 1.在小程序后台，选择 “设置 - 第三方设置 - 插件管理”，点击 “添加插件” 2.搜索 “腾讯位置服务地图选点” 进行添加 三. 开发者密钥配置 1. 申请开发者密钥 https://lbs.qq.com/dev/consol
【微信小程序】./plugin://routePlan/index.wxml not found解决方案
y_coder的博客
04-05 3368
今天在写微信小程序地图路线导航的时候遇到了./plugin://routePlan/index.wxml not found的情况出现，解决方案就是： 要在app.json里面把"version"改成最新版本，查询最新版本：https://lbs.qq.com/miniProgram/plugin/pluginGuide/routePlan plugins": { "routePlan": { "version":"1.0.12", 这里一定要改成最新的地图版本号！！！ "p
【腾讯地图】【微信小程序】路线规划
南方者的博客
12-01 1014
注意，官方的 “routePlan” 是 1.0.18 版本，是需要更新到最新的 1.0.19 （下边已是最新）（文章内容仅供学习参考，如有侵权，非常抱歉，请立即联系作者删除。可忽略第2步，第1步申请应用相似，上手快的也可忽略。查看（获取）微信小程序 AppID 流程（点击展开）登录微信小程序（微信公众号）后，左边菜单找到 “roadWay.wxml 文件（点击展开）申请应用（点击展开）
小程序获取规当前位置规划路线及直接跳转腾讯地图+小程序进行导航
李水灵的博客
03-27 3705
一.小程序使用内置开发者工具进行线路规划 1.在微信公众平台登录小程序，选择设置->第三方服务->添加插件 如下图所示 勾选即可添加，查看详情有插件的基本详情、开发文档和相关问题等。 在这里我们选择腾讯位置服务路线规划，里面选择较多，可以按需添加。 根据接入指引步步操作： 首先在app.json里面添加这些配置，permission是为了询问获取当前位置的，一定要添加！！因为没...
微信小程序使用腾讯位置服务路线规划插件
hyx153183740的博客
06-08 2384
微信小程序使用腾讯位置服务路线规划插件,避坑指南!!! 在微信公众平台的设置里的第三方设置中,添加插件. 然后点开详情, 再点击开发文档,里面有详细的使用教程,我简单说一下,容易入的坑!! 首先第一点:插件不需要配置wxml啥的，直接app.json引入，页面js文件添加就行了。 使用步骤: 1、在app.json中写入 "plugins": { "routePlan": { "version": "1.0.0", "provider": "wx50b5593e81dd9
百度智能小程序中使用地图
cvper's world !
10-17 3464
1. 在百度小程序的开发中，如果需要用到地图，那么有两种选择，     第一种是直接使用百度智能小程序中的地图组件 <map> 就可以了；     第二种方式是调用百度 APP 自身的地图，使用      swan.openLocation({         latitude: 40.0421934925273,         longitude: 116.2744644...
微信小程序坐标位置接口使用整理(二)地图插件
天马3798
02-26 1285
微信小程序坐标位置接口使用整理(二)地图插件 官方Api：微信小程序插件 | 腾讯位置服务 一、插件引入，插件ID:wx50b5593e81dd937a 前提申请了APIkey，并且配置Api支持的小程序的AppID。 1、插件申请接入： 在腾讯微信公众平台中， “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” 申请，申请后小程序开发者可在小程序内使用该插件。 2、引入插件包： 路线规划appId： wx...
（uni-app）微信小程序之腾讯地图（定位当前位置，地图标点及导航）
阳光总在风雨后丶
05-10 8378
微信小程序之腾讯地图二（导航） 话不多说，直接上图！！！ 一、dom <template> <view> <map id="tencentMap" :style="[...mapStyle]" :show-compass="showCompass" :enable-traffic="enableTraffic" :longitude="longitude" :latitude="latitude" :marker
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值