小程序教程

微信小程序把玩（三十七）location API

字号+ 作者： 来源： 2016-11-23 09:49 我要评论( )

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

  1. <button id="0" type="primary" bindtap="listenerBtnGetLocation">定位当前位置并打开内置地图</button>
复制代码

js

  1. Page({
  2.   data:{
  3.     text:"Page location"
  4.   },
  5.   onLoad:function(options){
  6.     // 页面初始化 options为页面跳转所带来的参数
  7.   },

  9.   /**
  10.    * 监听定位到当前位置
  11.    */
  12.   listenerBtnGetLocation: function() {
  13.     wx.getLocation({
  14.       //定位类型 wgs84, gcj02
  15.       type: 'gcj02',
  16.       success: function(res) {
  17.         console.log(res)
  18.         wx.openLocation({
  19.           //当前经纬度
  20.           latitude: res.latutude,
  21.           longitude: res.longitude,
  22.           //缩放级别默认28
  23.           scale: 28,
  24.           //位置名
  25.           name: '测试地址',
  26.           //详细地址
  27.           address: '火星路24号',
  28.           //成功打印信息
  29.           success: function(res) {
  30.             console.log(res)
  31.           },
  32.           //失败打印信息
  33.           fail: function(err) {
  34.             console.log(err)
  35.           },
  36.           //完成打印信息
  37.           complete: function(info){
  38.             console.log(info)
  39.           },
  40.         })

  42.       },
  43.       fail: function(err) {
  44.         console.log(err)
  45.       },
  46.       complete: function(info) {
  47.         console.log(info)
  48.       },
  49.     })
  50.   },

  52.   onReady:function(){
  53.     // 页面渲染完成
  54.   },
  55.   onShow:function(){
  56.     // 页面显示
  57.   },
  58.   onHide:function(){
  59.     // 页面隐藏
  60.   },
  61.   onUnload:function(){
  62.     // 页面关闭
  63.   }
  64. })
复制代码


　

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
精彩导读
2-HelloWorld微信小程序

2-HelloWorld微信小程序

微信小程序 轮播图 swiper图片组件

微信小程序 轮播图 swiper图片组件

微信小程序开发记账应用实战服务端之用户注册与登录

微信小程序开发记账应用实战服务端之用户注册

微信小程序倒计时组件

微信小程序倒计时组件

微信小程序实现购物车页面

微信小程序实现购物车页面

热门资讯
Copyright © 2006-2018 www.h5cn.com.H5之家 版权所有 Power by h5cn 备案： 黔ICP备15004751-2
HTML5入门 HTML5技术 canvas教程 专题学习
"