微信小程序 location API实例详解


Posted in Javascript onOctober 02, 2016

微信小程序 location API实例详解

location API也就分这里分两种wx.getLocation(object)获取当前位置和wx.openLocation(object)通过经纬度打开内置地图。其中定位获取位置信息返回参数是有问题的speed,accuracy这两个是没有的。还有一个就是打开内置地图之后再返回会报一个错误(Page route错误—WAService.js:2 navigateBack 一个不存在的webviewId0)如果有知道的可告知,我找到解决方式也会补充下!

主要属性:

wx.getLocation(object)获取当前位置

微信小程序 location API实例详解

成功之后返回参数

微信小程序 location API实例详解

wx.openLocation(object)打开微信内置地图

微信小程序 location API实例详解

这里直接进入微信内置应用,当使用导航返回键时是内部写的外界无法干预所以WAService.js:2 navigateBack 一个不存在的webviewId0这个错估计也带等小程序修复吧!!

wxml

<button id="0" type="primary" bindtap="listenerBtnGetLocation">定位当前位置并打开内置地图</button>

js

Page({
 data:{
  text:"Page location"
 },
 onLoad:function(options){
  // 页面初始化 options为页面跳转所带来的参数
 },

 /**
  * 监听定位到当前位置
  */
 listenerBtnGetLocation: function() {
  wx.getLocation({
   //定位类型 wgs84, gcj02
   type: 'gcj02',
   success: function(res) {
    console.log(res)
    wx.openLocation({
     //当前经纬度
     latitude: res.latutude,
     longitude: res.longitude,
     //缩放级别默认28
     scale: 28,
     //位置名
     name: '测试地址',
     //详细地址
     address: '火星路24号',
     //成功打印信息
     success: function(res) {
      console.log(res)
     },
     //失败打印信息
     fail: function(err) {
      console.log(err)
     },
     //完成打印信息
     complete: function(info){
      console.log(info)
     },
    })

   },
   fail: function(err) {
    console.log(err)
   },
   complete: function(info) {
    console.log(info)
   },
  })
 },

 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 }
})

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
JavaScript程序员应该知道的45个实用技巧
Mar 04 Javascript
jquery 表格排序、实时搜索表格内容(附图)
May 19 Javascript
JavaScript中的闭包
Feb 24 Javascript
JavaScript弹出对话框的三种方式
Mar 23 Javascript
Bootstrap实现带动画过渡的弹出框
Aug 09 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
Aug 25 Javascript
JavaScript“尽快失败”的原则实例详解
Oct 08 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
vue - props 声明数组和对象操作
Jul 30 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 Javascript
微信小程序 Storage API实例详解
Oct 02 #Javascript
微信小程序 Video API实例详解
Oct 02 #Javascript
老生常谈JavaScript中的this关键字
Oct 01 #Javascript
ES6新特征数字、数组、字符串
Oct 01 #Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 #Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 #Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 #Javascript
You might like
php in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
php 判断数组是几维数组
2013/03/20 PHP
PHP中的浅复制与深复制的实例详解
2017/10/26 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
JavaScript和CSS通过expression实现Table居中显示
2013/06/28 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
JavaScript闭包实例讲解
2014/04/22 Javascript
基于Jquery实现键盘按键监听
2014/05/11 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
2016/01/17 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
Vue中全局变量的定义和使用
2019/06/05 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
Python内置的字符串处理函数整理
2013/01/29 Python
Python实现的批量下载RFC文档
2015/03/10 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
好莱坞百老汇御用王牌美妆:Koh Gen Do 江原道
2018/04/03 全球购物
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
培训主管岗位职责
2014/02/01 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
一般党员对照检查材料
2014/09/24 职场文书
房屋租赁委托书范本
2014/10/04 职场文书
院系推荐意见
2015/06/05 职场文书
2016年教师节慰问信
2015/12/01 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书
调解协议书范本
2016/03/21 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python