当前位置: 首页 > 微信相关

微信小程序开发之地图导航功能

发布日期:2020-08-12 09:09:17 分类:微信相关 阅读()来源:网络收集

好东西要多分享:

做网站就上魔艺客
摘要:在上一篇文章中介绍了微信小程序开发如何获取地理位置教程,在这个基础上,通过当前位置的定位开发地图导航

在上一篇文章中介绍了微信小程序开发如何获取地理位置教程,在这个基础上,通过当前位置的定位开发地图导航功能就可以使用大致相同的原理,就是API接口实现。

关于APP开发,一般如果导航这个功能不是很重要的话就会放到应用外来做这个功能,但是高德地图和腾讯地图都会有响应的SDK,可是小程序不同,微信小程序里面是不能导航的,原因是小程序的代码最多只能有1M,他的运行内存只能有10M,一个区域地图下载下来就不止1M了,我们该如何在小程序外调用导航功能呢?

打开小程序中关于位置的API,

1.wx.openLocation(OBJECT) 使用微信内置地图查看位置。

2.wx.getLocation(OBJECT) 获取当前的地理位置、速度。

3.wx.chooseLocation(OBJECT) 打开地图选择位置。

查看长沙理工大学

具体实现代码为:

wx.getLocation({
type: 'gcj02', //返回可以用于wx.openLocation的经纬度
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
wx.openLocation({
latitude: latitude,
longitude: longitude,
name:长沙理工大学,
scale: 28

})

}

})

点击绿点出现如图:

选择地图

选择手机上的地图,然后就跳到了对应的地图APP上,实现了应用外调用导航功能。


相关资讯: 微信小程序 微信小程序开发教程

声明: 文章内容及图片部分全部摘自网络,在此分享供读者参考和借鉴,不代表酷雷的观点。文章、图片等内容如涉嫌侵权,请联系我们删除,谢谢!带有原创标签的属于酷雷原创文章,未经允许不得转载!

标签:

我要说一说

加载中~

相关推荐

您好,很高兴为您服务!
广告合作
投诉建议
联系站长

客服热线:15821432298

扫码加好友,优惠等你来!