您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

微信小程序新手教程之location API

  • 时间:2017-01-06 17:08
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程之location API,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧

  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

  定位当前位置并打开内置地图11

  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(){

  // 页面关闭

  }

  })

  小程序还没有正式上线,在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序--嗨图!大家可以直接在这个微信小程序上DIY自己的照片,先来看看具体嗨图有些什么功能吧!

  微信小程序嗨图功能

微信小程序新手教程之location API

  1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

  2、分享墙——用户上传的自己DIY作品。

  3、立即制作——可以用自己的图来DIY。

  4、告诉我——告诉产品的改进,内容的增加。

  想要体验怎么制作属于自己个性朋友圈照片的用户,等1月9号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

微信小程序新手教程之location API

人气排行