微信小程序 接入腾讯地图的两种写法
更新时间：2021年01月12日 15:14:41 作者：木早长泉
这篇文章主要介绍了微信小程序 接入腾讯地图的两种写法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
最近在写微信小程序，遇到了一些坑，在网上也查了好多，感觉都没有我想要的答案，
刚处理了这个地图的问题，在这里总结下，希望可以帮助大家。
在微信小程序中，腾讯地图的接入其实是有两种方式的，第一种调用腾讯本身的地图，第二种是使用插件 ma-route
一、调用腾讯本身的地图
实现结果如下图：
这个非常简单，而且用的人也很多，
只需要调用两个地图的api.
就是上边的两个。当然调用openLocation的时候你首先要调用getLocation授权
需要你在app.json里配置信息，如下：
在你需要跳转地图的页面写以下方法：
点击
可以弹出百度地图，高德地图等第三方软件
以上就是第一种方法，
二、第二种方法
首先找到微信小程序的
在插件管理中添加该插件
使用方法：
首先在app.json文件中配置
其次在它所在目录的main.json文件配置
我是基于mpvue写的，所以和开发文档上稍有区别
先有跳转过来的页面拿到终点地址，然后通过getLocation获取当前位置坐标
代码如下：
以下是第二种方法：成功后的效果图
到此这篇关于微信小程序 接入腾讯地图的两种写法的文章就介绍到这了,更多相关小程序 接入腾讯地图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了原生js+jquery+css3实现瀑布流的相关代码，三种实现瀑布流的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了如何使用javaScript动态加载Js文件和Css文件2015-10-10
本文将介绍如何使用Echarts实现暂无数据的三种方法,详细讲解这三种方法的实现步骤和效果展示,帮助读者更好地理解如何在Echarts中处理暂无数据的情况2023-08-08
这篇文章主要为大家详细介绍了ionic实现底部分享功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
本篇文章主要是对JS删除字符串最后一个字符的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
除了普通的可点击更换的四位验证码实现,我们这里还展示了更进一步的JavaScript编写带旋转+线条干扰的验证码脚本实例,需要的朋友可以参考下2016-05-05
下面小编就为大家分享一篇javascript实现数字配对游戏的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
使用 ora 这个 JavaScript 库可以在命令行应用程序中提供漂亮的加载状态提示,本文详细介绍如何使用该库,希望对大家有一定的帮助2024-02-02
这篇文章主要介绍了JavaScript对象合并实现步骤，为什么要合并？这是我在重构代码的时候的一个需求。简单来说，我会有若干个对象需要合并为一个对象。而这些对象为两层，如果直接展开或者赋值会涉及到深拷贝2023-01-01
javascript运用中，经常用到的代码，建议每段代码都要看下，注意本文有三页，仔细看玩，逐个研究透彻，那么网页中常见的问题，你也就熟悉掌握了2008-05-05
最新评论