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

网络编程 2024/11/15 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

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

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

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

一、调用腾讯本身的地图

实现结果如下图：

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

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

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

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

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

点击

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

以上就是第一种方法，

二、第二种方法

首先找到微信小程序的

在插件管理中添加该插件

使用方法：

首先在app.json文件中配置

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

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

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

代码如下：

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

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

标签：

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

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

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

暂无微信小程序接入腾讯地图的两种写法的评论...

更新日志

2024年11月15日

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

一、调用腾讯本身的地图

二、第二种方法

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

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

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

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

更新日志

友情链接

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

一、调用腾讯本身的地图

二、第二种方法

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

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

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

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

更新日志

友情链接

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

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