微信小程序 location API实例详解

 更新时间:2016年10月02日 09:44:35   作者:顺子_RTFSC  
这篇文章主要介绍了微信小程序 location API实例详解的相关资料,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

主要属性:

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

成功之后返回参数

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

这里直接进入微信内置应用,当使用导航返回键时是内部写的外界无法干预所以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解析二维码的三种方式

    这篇文章主要给大家分享使用javascript解析二维码的三种方式,二维码就是将我们能看懂的文字语言,以机器语言的形式存储了起来。其中黑色小方块代表的是1,白色小方块代表的是0,黑白相间的图案其实就是一串编码,扫码的过程就是翻译这些编码的过程,需要的朋友可以参考一下
    2021-11-11
  • Javascript作用域与闭包详情

    Javascript作用域与闭包详情

    相信绝大多数同学都听过闭包这个概念,但闭包具体是什么估计很少有人能够说的很详细。说实话闭包在我们平时开发中应该是很常见的,并且在前端面试中闭包也是常见的重要考点,在学习闭包之前我们先来看看作用域与作用域链,因为这是闭包的关键。
    2021-10-10
  • 微信小程序 modal组件详细介绍

    微信小程序 modal组件详细介绍

    这篇文章主要介绍了微信小程序 modal组件详细介绍的相关资料,需要的朋友可以参考下
    2016-09-09
  • 以JS开发为例详解版本号的作用与价值

    以JS开发为例详解版本号的作用与价值

    这篇文章主要为大家介绍了以JS开发为例详解版本号的作用与价值详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 微信小程序 跳转传递数据的实例

    微信小程序 跳转传递数据的实例

    这篇文章主要介绍了微信小程序 跳转传递数据的实例的相关资料,需要的朋友可以参考下
    2017-07-07
  • JavaScript原型链详解

    JavaScript原型链详解

    这篇文要给大家介绍的是JavaScript原型链,文章主要介绍内容有构造函数、属性Prototype、属性Prototype、属性__proto__、访问原型上的方法等问题,需要的朋友可以参考一下文章的详细内容
    2021-11-11
  • 微信小程序 加载 app-service.js 错误解决方法

    微信小程序 加载 app-service.js 错误解决方法

    这篇文章主要介绍了微信小程序 加载 app-service.js 错误详解的相关资料,在开发微信小程序过程中出现了app-services.js的错误,并解决此问题,需要的朋友可以参考下
    2016-10-10
  • js面试题继承的方法及优缺点解答

    js面试题继承的方法及优缺点解答

    这篇文章主要为大家介绍了js面试题继承的方法及优缺点解答,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Javascript 跨域知识详细介绍

    Javascript 跨域知识详细介绍

    这篇文章主要介绍了Javascript 跨域知识详细介绍的相关资料,并附简单实例代码,帮助大家理解,需要的朋友可以参考下
    2016-10-10
  • js前端面试常见浏览器缓存强缓存及协商缓存实例

    js前端面试常见浏览器缓存强缓存及协商缓存实例

    这篇文章主要为大家介绍了js前端面试常见浏览器缓存强缓存及协商缓存示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06

最新评论

?


http://www.vxiaotou.com