本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

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

电脑教程 diannaojiaocheng 1℃

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

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

location API

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

定位当前位置并打开内置地图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自己的照片,先来看看具体嗨图有些什么功能吧!

微信小程序嗨图功能

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

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

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

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

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

转载请注明:范的资源库 » 微信小程序新手教程之location API

喜欢 (0)