微信小程序如何实现定位功能?
微信小程序如何实现定位功能?微信最近推出了微信小程序功能,很多微信用户问我微信小程序如何实现定位功能?下面小编就带你了解一下微信小程序如何实现定位功能?
微信小程序实现简单定位功能,简单易读,获取经纬度信息
在pages下创建一个单页如local
local.js如下
var app = getApp()
Page({
data:{
latitude:'',
longitude:''
},
getLocation:function(e) {
console.log(e)
var that = this
wx.getLocation({
type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
console.log(res)
that.setData({
longitude:res.longitude,
latitude:res.latitude
})
}
})
}
})
local.wxml如下
经度:
value="{{longitude}}" name="longitude">
纬度:
value="{{latitude}}" name="latitude">
bindtap="getLocation">获取位置
在app.json中
{
"pages":[
"pages/local/local"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "定位",
"navigationBarTextStyle":"black"
}
}
微信小程序如何实现定位功能?通过小编以上的内容,你知道微信小程序如何实现定位功能了吗?希望小编的内容对你有所帮助,如果需要了解更多信息,请关注微微风。
推荐阅读:
小程序如何实现购物车功能?
微信小程序可以直接扫码进去嘛?
小程序都能实现哪些功能?
上一篇:清理微信僵尸好友怎么编辑信息?
下一篇: 微信清理屏蔽好友常用语言?