微信小程序中进行地图导航功能的实现方法
更新时间：2018年06月29日 11:51:56 作者：包子Elvira
这篇文章主要介绍了微信小程序中进行地图导航功能的实现方法,需要的朋友可以参考下
前段时间一直都在做小程序做了两个月了，其中对于小程序还是有很不理解的地方看着一些大企业的小程序自己模仿其实还是有一些难度的，我觉得学习小程序看一遍文档是不够的我们要做的是看别人的例子对着文档一一对照！
好这次我们来开始我们的开发，其实微信小程序里面是不能导航的，原因是小程序的代码最多只能有1M，他的运行内存只能有10M，一个区域地图下载下来就不止1M了所以在应用内我们无法做到导航的，但是应用外呢！
我问过很多做安卓和IOS的同僚一般如果导航这个功能不是很重要的话就会放到应用外来做这个功能，但是高德地图和腾讯地图都会有响应的SDK，可是小程序不同，尽管上面也有小程序的SDK但是也是没有用的，那么我们解决应用外调用的呢？
这就需要我们重新认识一下位置的API
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
})
}
})
然后就会出现下图
点击绿圆点点右下角的
然后是
最后就到了高德啦！
总结
以上所述是小编给大家介绍的微信小程序中进行地图导航功能的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
这是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法2011-09-09
这篇文章主要给大家介绍了关于微信小程序中遇到的一些iOS兼容性问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
一个效果写的HashTable代码...2007-03-03
无论是代码高亮还是语法高亮对整个程序来说都非常重要，可以给人眼前一亮的感觉，增加用户体验度，下面通过本文给大家介绍2016年最热门的Javascript代码高亮显示脚本及代码语法高亮工具，对js代码高亮，代码语法高亮相关知识感兴趣的朋友一起学习吧2016-01-01
这篇文章主要介绍了JavaScript、C# URL编码总结,注意包括了encodeURI、decodeURI、encodeURIComponent、decodeURIComponent等使用需要的朋友可以参考下2017-01-01
ES6下如何实现子组件调用父组件？下面小编就为大家分享一篇ES6下子组件调用父组件的方法。希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要给大家介绍了关于uniapp实现tabs切换(可滑动)效果的相关资料,tabs切换无论是在app端还是小程序或者H5页面都是很常见的功能,文中通过实例代码介绍的很详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了js如何获取访问IP、地区、当前操作浏览器,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
在js中,正则表达式是由一个RegExp对象表示的，RegExp 是正则表达式的缩写。RegExp简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。可以使用一个RegExp()构造函数来创建RegExp对象，也可以使用直接量语法2015-11-11
本篇文章主要是对js获取和设置属性的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
最新评论