微信小程序 接入腾讯地图的两种写法
更新时间：2021年01月12日 15:14:41 作者：木早长泉
这篇文章主要介绍了微信小程序 接入腾讯地图的两种写法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
最近在写微信小程序，遇到了一些坑，在网上也查了好多，感觉都没有我想要的答案，
刚处理了这个地图的问题，在这里总结下，希望可以帮助大家。
在微信小程序中，腾讯地图的接入其实是有两种方式的，第一种调用腾讯本身的地图，第二种是使用插件 ma-route
一、调用腾讯本身的地图
实现结果如下图：
这个非常简单，而且用的人也很多，
只需要调用两个地图的api.
就是上边的两个。当然调用openLocation的时候你首先要调用getLocation授权
需要你在app.json里配置信息，如下：
在你需要跳转地图的页面写以下方法：
点击
可以弹出百度地图，高德地图等第三方软件
以上就是第一种方法，
二、第二种方法
首先找到微信小程序的
在插件管理中添加该插件
使用方法：
首先在app.json文件中配置
其次在它所在目录的main.json文件配置
我是基于mpvue写的，所以和开发文档上稍有区别
先有跳转过来的页面拿到终点地址，然后通过getLocation获取当前位置坐标
代码如下：
以下是第二种方法：成功后的效果图
到此这篇关于微信小程序 接入腾讯地图的两种写法的文章就介绍到这了,更多相关小程序 接入腾讯地图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇解决layer.confirm选择完之后消息框不消失的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了javascript自定义的addClass()方法，通过传参就可以实现样式的添加2014-05-05
表格翻页的实现方式有很多，下面以js为例为大家详细介绍下表格翻页效果的具体实现，感兴趣的朋友可不要错过2013-10-10
这篇文章主要介绍了JS document form表单元素操作,结合完整实例形式详细分析了JavaScript form表单元素获取、输出、遍历等相关操作技巧,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了js如何去除数组中的empty undefined空项，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
众所周知JS中new的作用是通过构造函数来创建一个实例对象，这篇文章主要给大家介绍了关于JavaScript中实现new的两种方式引发的相关资料，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
越来越多的网站进行数据传输时不使用明文传输,本文主要介绍了JS逆向之加密参数定位,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（JavaScript的超集）开发。下面通过本文给大家分享Cpage.js给组件绑定事件的实现代码，需要的的朋友参考下吧2017-08-08
本篇文章主要是对js实现日期级联效果的实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了JavaScript判断用户是否对表单进行了修改的方法,实例分析了javascript对表单操作与判定的技巧,需要的朋友可以参考下2015-03-03
最新评论