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

2018-07-04 11:47

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

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


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

参与讨论

发表评论

扫码添加专属客服即可随时咨询

还可领取小程序推广攻略

咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部