最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
微信小程序接入腾讯地图两种写法实例
时间:2021-01-12 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下微信小程序接入腾讯地图两种写法实例,文章介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
在微信小程序中,腾讯地图的接入其实是有两种方式的,第一种调用腾讯本身的地图,第二种是使用插件 ma-route
一、调用腾讯本身的地图
实现结果如下图:
这个非常简单,而且用的人也很多,
只需要调用两个地图的api.
就是上边的两个。当然调用openLocation的时候你首先要调用getLocation授权
需要你在app.json里配置信息,如下:
在你需要跳转地图的页面写以下方法:
点击
可以弹出百度地图,高德地图等第三方软件
以上就是第一种方法,
二、第二种方法
首先找到微信小程序的
在插件管理中添加该插件
使用方法:
首先在app.json文件中配置
其次在它所在目录的main.json文件配置
我是基于mpvue写的,所以和开发文档上稍有区别
先有跳转过来的页面拿到终点地址,然后通过getLocation获取当前位置坐标
代码如下:
以下是第二种方法:成功后的效果图
相关文章
- SpringBoot测试配置属性与web启动环境解析 10-24
- SpringBoot常用计量与bean属性校验和进制数据转换规则解析 10-24
- 工厂方法在Spring框架中的运用介绍 10-24
- SpringBoot热部署设置详解 10-24
- JavaScript二叉搜索树构建操作解析 10-12
- JavaScript二叉树及各种遍历算法讲解 10-12