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

最新推荐文章于 2024-08-28 22:12:45 发布
最新推荐文章于 2024-08-28 22:12:45 发布
阅读量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 1952
地图导航
uniapp 微信小程序 腾讯位置服务路线规划插件的使用
树上骑个猴的博客
03-24 1470
微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html uniapp项目的manifest.json文件： "permission" : { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" } }, "plugins" : {
3分钟教你学会使用路线规划小程序插件
腾讯位置服务
10-15 1130
腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。目前微信小程序插件提供路线规划、地铁图、地图选点等服务，欢迎大家体验！ 我们将陆续推出更多功能的插件，敬请期待！ 以下内容转载自微信开放社区腾讯位置服务官方文章《3分钟教你学会使用路线规划小程序插件》 作者：腾讯位置服务 链接：https://...
uniapp+vue 微信小程序如何引入腾讯地图插件
最新发布
qq_45683287的博客
08-28 1402
开发原因：网上大多数教程是在原生微信小程序基础上开发，我搜了挺多资料，很少有uniapp+vue结合的内容 ，有的话也是付费内容。以上内容 希望能够帮助大家解决小程序引入腾讯地图插件的问题，也希望可以和大家一起来学习小程序开发的相关知识，如果能帮到您，我深感荣幸~~这里的话，我这边出现的情况是，只能搜索到腾讯位置服务城市选择器这个插件。报错后-->去开通该接口权限，需要重新打开HBuilder X 并运行微信开发者工具才可以。读者可以去查询最新的版本号，--->>>>发现是额度不足，就是额度没进行分配，
uniapp微信小程序线路规划实现plugin://routePlan/index
小马总的博客
11-05 1642
调用底部这个方法然后 设置key和名称 即可实现线路规划。进入注册好的微信小程序，还需要设置安全域名。
在微信小程序中使用腾讯位置服务路线规划插件
qq_39784865的博客
04-17 2334
腾讯位置服务路线规划插件1、添加插件2、在app.json代码中引入插件包3、在app.json代码中设置定位授权：4、使用插件5、最终效果图 1、添加插件 在小程序中引入插件，进入微信公众号平台，在设置中找到第三方设置，在插件管理中添加插件。搜索到腾讯位置服务路线规划插件，点击添加，同时打开该插件的详情，在里面查找到该插件的AppID与版本号。 2、在app.json代码中引入插件包 // app.json { "plugins": { "routePlan": { "versio
微信小程序路线规划
wendy_qx的博客
01-09 446
【代码】微信小程序路线规划。
【微信小程序】./plugin://routePlan/index.wxml not found解决方案
y_coder的博客
04-05 3431
今天在写微信小程序地图路线导航的时候遇到了./plugin://routePlan/index.wxml not found的情况出现，解决方案就是： 要在app.json里面把"version"改成最新版本，查询最新版本：https://lbs.qq.com/miniProgram/plugin/pluginGuide/routePlan plugins": { "routePlan": { "version":"1.0.12", 这里一定要改成最新的地图版本号！！！ "p
微信小程序应用”腾讯位置服务路线规划“插件
L_melody的博客
07-24 2239
1、申请路线规划插件 微信公众平台， “微信小程序后台-设置-第三方设置-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” ，选择添加插件即可。 2、申请key 调用路线规划插件需要申请腾讯位置服务的服务账号，key是开发者的唯一标识，申请地址：https://lbs.qq.com/dev/console/key/add、 3、在小程序中引入路线规划插件 在小程序的app.json文件做如下配置就可以在小程序中引入路线规划插件： // app.json { "plugins
uniapp 微信小程序实现路线规划导航
qq_42420412的博客
02-11 3117
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
【腾讯地图】【微信小程序】路线规划
南方者的博客
12-01 1065
注意，官方的 “routePlan” 是 1.0.18 版本，是需要更新到最新的 1.0.19 （下边已是最新）（文章内容仅供学习参考，如有侵权，非常抱歉，请立即联系作者删除。可忽略第2步，第1步申请应用相似，上手快的也可忽略。查看（获取）微信小程序 AppID 流程（点击展开）登录微信小程序（微信公众号）后，左边菜单找到 “roadWay.wxml 文件（点击展开）申请应用（点击展开）
小程序获取规当前位置规划路线及直接跳转腾讯地图+小程序进行导航
李水灵的博客
03-27 3765
一.小程序使用内置开发者工具进行线路规划 1.在微信公众平台登录小程序，选择设置->第三方服务->添加插件 如下图所示 勾选即可添加，查看详情有插件的基本详情、开发文档和相关问题等。 在这里我们选择腾讯位置服务路线规划，里面选择较多，可以按需添加。 根据接入指引步步操作： 首先在app.json里面添加这些配置，permission是为了询问获取当前位置的，一定要添加！！因为没...
微信小程序使用腾讯位置服务路线规划插件
hyx153183740的博客
06-08 2409
微信小程序使用腾讯位置服务路线规划插件,避坑指南!!! 在微信公众平台的设置里的第三方设置中,添加插件. 然后点开详情, 再点击开发文档,里面有详细的使用教程,我简单说一下,容易入的坑!! 首先第一点:插件不需要配置wxml啥的，直接app.json引入，页面js文件添加就行了。 使用步骤: 1、在app.json中写入 "plugins": { "routePlan": { "version": "1.0.0", "provider": "wx50b5593e81dd9
百度智能小程序中使用地图
cvper's world !
10-17 3482
1. 在百度小程序的开发中，如果需要用到地图，那么有两种选择，     第一种是直接使用百度智能小程序中的地图组件 <map> 就可以了；     第二种方式是调用百度 APP 自身的地图，使用      swan.openLocation({         latitude: 40.0421934925273,         longitude: 116.2744644...
微信小程序坐标位置接口使用整理(二)地图插件
天马3798
02-26 1323
微信小程序坐标位置接口使用整理(二)地图插件 官方Api：微信小程序插件 | 腾讯位置服务 一、插件引入，插件ID:wx50b5593e81dd937a 前提申请了APIkey，并且配置Api支持的小程序的AppID。 1、插件申请接入： 在腾讯微信公众平台中， “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” 申请，申请后小程序开发者可在小程序内使用该插件。 2、引入插件包： 路线规划appId： wx...
（uni-app）微信小程序之腾讯地图（定位当前位置，地图标点及导航）
阳光总在风雨后丶
05-10 8512
微信小程序之腾讯地图二（导航） 话不多说，直接上图！！！ 一、dom <template> <view> <map id="tencentMap" :style="[...mapStyle]" :show-compass="showCompass" :enable-traffic="enableTraffic" :longitude="longitude" :latitude="latitude" :marker
编译/真机调试微信小程序显示插件未授权使用
几度热忱的博客
09-12 2179
调试微信小程序显示插件未授权使用 解决方法：登录微信公众平台，打开设置->第三方设置->插件管理->添加插件，搜索自己需要添加的插件 笔者这里需要添加的是“腾讯位置服务城市选择器” app.json中配置项目中使用的插件 "plugins": { "routePlan": { "version": "1.0.11", "provider": "wx50b5593e81dd937a" }, ...
腾讯地图小程序插件：轻松实现路线规划
"本文介绍了「腾讯地图」小程序插件的详细功能和使用场景，展示了如何通过该插件实现实时定位和路线规划，降低开发者成本并提升用户体验。" 在小程序开发领域，「腾讯地图」插件是一个不可或缺的工具，它由腾讯地图...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值