微信小程序中进行地图导航功能的实现方法


Posted in Javascript onJune 29, 2018

前段时间一直都在做小程序做了两个月了,其中对于小程序还是有很不理解的地方看着一些大企业的小程序自己模仿其实还是有一些难度的,我觉得学习小程序看一遍文档是不够的我们要做的是看别人的例子对着文档一一对照!

      好这次我们来开始我们的开发,其实微信小程序里面是不能导航的,原因是小程序的代码最多只能有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
  })
 }
})

   然后就会出现下图

微信小程序中进行地图导航功能的实现方法

     点击绿圆点点右下角的

微信小程序中进行地图导航功能的实现方法

   然后是

微信小程序中进行地图导航功能的实现方法

  最后就到了高德啦!

  微信小程序中进行地图导航功能的实现方法

总结

以上所述是小编给大家介绍的微信小程序中进行地图导航功能的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 #Javascript
vue底部加载更多的实例代码
Jun 29 #Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 #Javascript
vue项目打包后打开页面空白解决办法
Jun 29 #Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 #Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 #Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 #Javascript
You might like
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
2016/08/05 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
JavaScript门道之标准库
2018/05/26 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
Python的高级Git库 Gittle
2014/09/22 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
python模块导入的方法
2019/10/24 Python
python和php哪个容易学
2020/06/19 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
养殖项目策划书范文
2014/01/13 职场文书
植树造林的宣传标语
2014/06/23 职场文书
房屋产权证明书
2014/10/15 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
第一书记观后感
2015/06/08 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python