微信小程序 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 相关文章推荐
javascript 不间断的图片滚动并可点击
Jan 15 Javascript
jQuery调用WebService的实现代码
Jun 19 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
Jul 05 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 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
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
js与jquery回车提交的方法
2015/02/03 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
python处理csv数据的方法
2015/03/11 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
Django返回json数据用法示例
2016/09/18 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
Python简易版停车管理系统
2019/08/12 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
大课间活动制度
2014/01/18 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
解除施工合同协议书
2014/10/17 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
担保贷款承诺书
2015/04/30 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
python缺失值填充方法示例代码
2022/12/24 Python