微信小程序-调用腾讯地图插件实现定点，路线规划，地铁图，服务拓展（逆地址解析，地点搜索）

最新推荐文章于 2024-03-27 09:42:17 发布
最新推荐文章于 2024-03-27 09:42:17 发布
阅读量1.7k 收藏 12
点赞数 2
分类专栏： 小程序 文章标签： javascript 小程序 街景地图 腾讯
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xq_falling/article/details/110197835
版权

实现流程

实现思路

  1. 选择小程序作为实现主题
  2. 通过调用api与接口服务实现功能

使用工具

  1. 微信开放者平台
    关于如何申请key 申请sdk此处不做赘述网上资料很多。
    在这里插入图片描述

基础介绍

主要由以下四种文件组成，更多信息查阅微信小程序的开发文档。网址如下：
https://developers.weixin.qq.com/miniprogram/dev/framework/
在这里插入图片描述

小程序结构介绍

改了官方的demo实现，官方实现查阅：
https://github.com/TencentLBS/TencentMapMiniProgramDemo
在这里插入图片描述

整体代码结构

在这里插入图片描述

调用插件

在这里插入图片描述

最低0.47元/天 解锁文章
xq_falling
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于javascript的腾讯地图二次开发
04-20
基于腾云地图的二次开发 * 获取中心点坐标 > 添加覆盖物 > 添加覆盖物类别 > 获取当前显示经纬度，控制每次显示个数 > 批量添加 > 修改位置 > 移动覆盖物的位置 * 腾讯地图开发者javasript V2
python调用百度地图画轨迹图_[python]百度地图API，正/逆地理编码，路线规划接口的调用，实现输出出行的距离和......
weixin_39950010的博客
11-24 376
[Python] 纯文本查看 复制代码'''文件名:L17.py作者：小饭团创建时间:2019年1月11日15:17:03文件描述：调用Web服务API接口，百度地图路线规划 正/逆地理编码'''#-*- coding:utf-8 -*-import urllib.parseimport urllib.requestimport jsonkey='62PM27fx1Fbhq1pOWdpRlWt2o...
探索腾讯地图小程序Demo: 智能导航的新境界
gitblog_00054的博客
03-27 417
探索腾讯地图小程序Demo: 智能导航的新境界 项目地址:https://gitcode.com/TencentLBS/TencentMapMiniProgramDemo 项目简介 腾讯地图小程序Demo 是由腾讯LBS服务团队推出的一款开源示例项目，旨在帮助开发者更轻松地集成和利用腾讯地图API在微信小程序中构建强大的地理位置应用。这个项目提供了丰富的功能示例，包括定位、路线规划、地理围栏等，为...
腾讯地图DEMO
weixin_33698823的博客
03-19 1656
1、腾讯地图DEMO 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name=...
微信小程序对接使用腾讯地图-位置选点和路线规划接口
weixin_44779466的博客
03-02 1573
微信小程序使用 腾讯位置服务插件 实现 地图选点和路线规划 效果图 实现代码 1. app.json中添加代码 "plugins":{ "chooseLocation":{ "version":"1.0.2", "provider":"wx76a9a06e5b4e693e" }, "routePlan":{ "version":"1.0.5", "provider":"wx50b5593e81dd937a" } }
webgis高德地图
小菜鸟的博客
02-23 640
webgis高德地图
腾讯位置服务示例小程序（一）
ZeroSwift的博客
10-29 709
腾讯位置服务示例小程序（一）前沿主页面思维图主页面app.jsonindex.wxmlindex.jsonindex.js小结 前沿 地图是一个较为常用的组件，它提供了非常丰富的功能，并能够组合上许多想法，进而开发处很多有趣的小程序。从这篇文章开始，主要对小程序官网提供的位置服务示例小程序进行学习，以达到能够良好使用地图组件的一个目标。 主页面思维图 该小程序在主页面中主要提供了四个一级菜单，每个一级菜单下会有不同内容的二级功能展示。作为系列文章的第一章，本篇博文主要对主页面的配置项和代码进行讨论。与之前
腾讯地图手把手教你实现微信小程序路线规划
腾讯位置服务
03-05 7281
前言 本文旨在以mpvue框架为基础，探讨地图类小程序的开发思路。 原作者利用mpvue + 腾讯地图的能力做了一个地铁路线规划的小程序，主要提供全球主要城市的地铁线网图及旅游介绍，其中国内城市支持查看地图和路线规划。 目前腾讯位置服务也推出了路线规划插件、地铁图插件，实现更加简单便捷，感兴趣的可点击查看。 运行截图 mpvue 介绍 及项目搭建 mpvue = miniprogram + vue framework，说白了就是用vue框架开发小程序。mpvue最近升级为2.x版本，支持微信、支付宝
（uni-app）微信小程序之腾讯地图（定位当前位置，地图标点及导航）
阳光总在风雨后丶
05-10 8099
微信小程序之腾讯地图二（导航） 话不多说，直接上图！！！ 一、dom <template> <view> <map id="tencentMap" :style="[...mapStyle]" :show-compass="showCompass" :enable-traffic="enableTraffic" :longitude="longitude" :latitude="latitude" :marker
微信小程序使用腾讯位置服务路线规划插件
hyx153183740的博客
06-08 2344
微信小程序使用腾讯位置服务路线规划插件,避坑指南!!! 在微信公众平台的设置里的第三方设置中,添加插件. 然后点开详情, 再点击开发文档,里面有详细的使用教程,我简单说一下,容易入的坑!! 首先第一点:插件不需要配置wxml啥的，直接app.json引入，页面js文件添加就行了。 使用步骤: 1、在app.json中写入 "plugins": { "routePlan": { "version": "1.0.0", "provider": "wx50b5593e81dd9
腾讯地图系列（二）：微信小程序添加插件（三种方法）以及插件AppId获取
qq_45796592的博客
12-05 3306
微信小程序添加插件
微信小程序+腾讯地图开发实现路径规划绘制
10-16
主要介绍了微信小程序+腾讯地图开发实现路径规划绘制，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序-校园综合服务平台系统源码.zip
05-28
微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务...
【微信小程序-毕设期末大作业】源码电商类微信小程序
最新发布
04-25
【微信小程序-毕设期末大作业】源码电商类微信小程序 【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序...
微信小程序源码-仿腾讯视频小程序.zip
03-24
微信小程序源码-仿腾讯视频小程序.zip微信小程序源码-仿腾讯视频小程序.zip微信小程序源码-仿腾讯视频小程序.zip微信小程序源码-仿腾讯视频小程序.zip微信小程序源码-仿腾讯视频小程序.zip微信小程序源码-仿腾讯视频...
niushop二次开发常见问题
withkai44的博客
12-12 1774
1、qq登录苹果7和苹果X不兼容 回复：niushop调用腾讯标准化代码，至于调用不起，应该是苹果手机兼容问题，或者腾讯的问题，与niushop代码是没有关系的 2、支付方式默认的排序方式是否可以有个顺序 回复：卸载掉插件，这个顺序是按照插件安装顺序排列的 3、为什么不开通支付宝快捷登录 回复：现在是特定端口特定登录，要账号统一必须要会员同时绑定微信公众号、微信小程序、支付宝小程序等账号 4、小程序提交订单，微信公众号没有订单提醒 回复：是否微信公众号与小程序账号跟会员同时绑定，如果未绑定一方，则无法共用。
如何发布google离线地图及二次开发API
www2111的博客
08-06 2622
如何发布google离线地图及二次开发API 发布时间：2018-01-17 版权：   相关教程： 一键离线地图发布（工具下载） 使用教程 谷歌离线地图API接口文档及接口调用实例 百度离线地图发布教程  手机离线地图发布——Oruxmaps制作发布高清卫星离线地图 谷歌离线地图发布API解析   说明： 1. 当前版本支持 谷歌电子/卫星地图瓦片、高德地图、阿里云地图、超...
基于laya Air引擎的游戏开发之简介篇
Vince_13的博客
07-18 2934
LayaAir引擎集成了项目创建、可视化编辑（UI、场景、动画、材质、粒子、物理、蓝图等）、资源管理、组件管理、插件扩展、项目发布等全工作流高效工具，支持一次开发全平台发布，包括：Web平台（浏览器、WebView）、小游戏平台（字节跳动小游戏、微信小游戏、OPPO小游戏、vivo小游戏、小米快游戏、支付宝小游戏）、Native APP平台（安卓、iOS）。整个H5融合了私人订制、产品展示、拜年广告等元素，将精美的画质、流畅的体验、出色的视频播放性能融为一体，展现出了Burberry的英式优雅。
收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类
i_am_xiaobai的博客
03-17 3760
Awesome Github REPO Awesome GitHub Repo 会收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。值得注意的是，不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。同时欢迎通过 Pull Request 或者 issues 给我们推荐优秀好玩的开源项目。 说明 表示该项目对应的网站或者博客； 表示在公众号发布的项目简介； 目录 Awesome GitHub Reo 目录 好
微信小程序 微信地图 map组件--路线规划api
01-22
微信小程序的地图组件可以通过微信地图的路线规划API实现路线规划功能。用户可以在小程序中使用地图组件进行地图浏览和交互操作，同时可以调用地图API进行路线规划。 通过微信地图的路线规划API，用户可以根据起点和终点的位置信息，获取两地之间的最佳行车路线、步行路线或公交路线。地图组件可以展示路线规划结果，包括路线的起点、终点、途经点和路线的具体路径，方便用户查看和导航。 除了基本的路线规划功能，微信地图的API还支持定位功能，可以获取用户当前的地理位置信息，并在地图上标注用户的位置。用户也可以在地图上进行交互操作，如拖动地图、缩放地图、标记地点等。 通过微信小程序的地图组件和微信地图的路线规划API，用户可以方便地在小程序中进行地图操作和路线规划，帮助用户更好地了解地理位置和规划出行路线。这对于需要导航或者查询地理位置的小程序来说是非常有用的功能，可以提升小程序的用户体验和实用性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值