您当前的位置: 首页 > 知识百科 > 微信小程序导航地图开发实例

微信小程序导航地图开发实例

时间:2023-07-01 14:05 阅读数:92 人阅读 分类:知识百科

  小程序的功能日渐完善,现在也可以使用小程序导航的功能了,是不是很神奇很方便呢?对于开发者来说,大概又要开始研究微信小程序导航地图的开发教程了,看看以下的开发实例吧。

  其实微信小程序里面是不能导航的,原因是小程序代码最多只能有1M,他的运行内存只能有10M,一个区域地图下载下来就不止1M了所以在应用内我们无法做到导航的,但是应用外呢!

  我问过很多做安卓和iOS的同僚一般如果导航这个功能不是很重要的话就会放到应用外来做这个功能,但是高德地图和腾讯地图都会有响应的SDK,可是小程序不同,尽管上面也有小程序的SDK但是也是没有用的,那么我们解决应用外的小程序调用的呢?

  这就需要我们重新认识一下位置的小程序API

  [html] view plain copywx.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

  })

  }

  })

  然后就会出现下图

  


  点击绿圆点点右下角的

  


  然后是

  


  最后就到了高德啦!

  


  虽然小程序导航的实现具有一定的难度,但是只要掌握了相关方法还是很简单的,以上微信小程序商店给出的微信小程序导航地图开发实例就是为了能给大家一个最准确的参考。

  

  微信小程序卫星地图开发实例

  关于微信小程序地图定位

  微信小程序导航菜单怎么开发?