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

本篇文章小编给大家分享一下微信小程序接入腾讯地图两种写法实例，文章介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

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

一、调用腾讯本身的地图

实现结果如下图：

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

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

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

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

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

点击

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

以上就是第一种方法，

二、第二种方法

首先找到微信小程序的

在插件管理中添加该插件

使用方法：

首先在app.json文件中配置

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

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

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

代码如下：

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