当前位置:首页 > 新闻动态 > 网站文章

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

来源: 浏览:124 时间:2023-08-04

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


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

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图