微信小程序接入腾讯地图的两种写法

网络编程 2024/11/15 佚名

3 1 2

最近在写微信小程序，遇到了一些坑，在网上也查了好多，感觉都没有我想要的答案，

刚处理了这个地图的问题，在这里总结下，希望可以帮助大家。

在微信小程序中，腾讯地图的接入其实是有两种方式的，第一种调用腾讯本身的地图，第二种是使用插件 ma-route

一、调用腾讯本身的地图

实现结果如下图：

这个非常简单，而且用的人也很多，

只需要调用两个地图的api.

就是上边的两个。当然调用openLocation的时候你首先要调用getLocation授权

需要你在app.json里配置信息，如下：

在你需要跳转地图的页面写以下方法：

点击

可以弹出百度地图，高德地图等第三方软件

以上就是第一种方法，

二、第二种方法

首先找到微信小程序的

在插件管理中添加该插件

使用方法：

首先在app.json文件中配置

其次在它所在目录的main.json文件配置

我是基于mpvue写的，所以和开发文档上稍有区别

先有跳转过来的页面拿到终点地址，然后通过getLocation获取当前位置坐标

代码如下：

以下是第二种方法：成功后的效果图

小程序,接入腾讯地图,微信小程序接入腾讯地图

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“微信小程序接入腾讯地图的两种写法”

暂无评论...

微信小程序接入腾讯地图的两种写法

一、调用腾讯本身的地图

二、第二种方法

Vue页面渲染中key的应用实例教程

使用Typescript开发微信小程序的步骤详解

评论“微信小程序接入腾讯地图的两种写法”

更新日志

友情链接

微信小程序 接入腾讯地图的两种写法

一、调用腾讯本身的地图

二、第二种方法

Vue页面渲染中key的应用实例教程

使用Typescript开发微信小程序的步骤详解

评论“微信小程序 接入腾讯地图的两种写法”

更新日志

友情链接

微信小程序接入腾讯地图的两种写法

评论“微信小程序接入腾讯地图的两种写法”