微信小程序如何实现定位功能?

9158APP 0

微信小程序如何实现定位功能?

微信最近推出了微信小程序功能。很多微信用户问我微信小程序如何实现定位功能? 小编带你了解一下微信小程序如何实现定位功能?

微信小程序如何实现定位功能?

微信小程序实现简单的定位功能,方便阅读,获取经纬度信息

在本地等页面下创建单个页面

local.js如下

var app=getApp()

页({

数据:{

纬度:'',

经度:''

},

获取位置:函数(e){

控制台.log(e)

var that=this

wx.getLocation({

type'wgs84', //默认为wgs84返回gps坐标,gcj02返回可用于wx.openLocation的坐标

成功:函数(res){

控制台.log(res)

that.setData({

经度:res.经度,

纬度:res.latitude

})

}

})

}

})

local.wxml如下

经度:

值='{{经度}}'名称='经度'

纬度:

值='{{纬度}}'名称='纬度'

bintap='getLocation'获取位置

在应用程序.json中

{

“页面”:[

'页面/本地/本地'

],

'窗户':{

'backgroundTextStyle':'浅色',

'navigationBarBackgroundColor''#fff',

'navigationBarTitleText''定位',

'navigationBarTextStyle':'黑色'

}

}

微信小程序如何实现定位功能?通过上面的内容,你知道微信小程序是如何实现定位功能的吗?