微信小程序 获取当前地理位置和经纬度实例代码

网友投稿 243 2023-06-26


微信小程序 获取当前地理位置和经纬度实例代码

微信小程序实例-获取当前的地理位置、经纬度

微信小程序官方文档

https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html

js代码

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

motto: '示例小程序-获取当前地理位、速度',

userInfo: {},

hasLocation:false,

location:{}

},

//事件处理函数

bindViewTap: function() {

wx.navigateTo({

url: '../logs/logs'

})

},

onLoglrrVxYad: function () {

console.log('onLoad')

var that = this

//调用应用实例的方法获取全局数据

app.getUserInfo(function(userInfo){

//更新数据

that.setData({

userInfo:userInfo

})

}),

wx.ghttp://etLocation( {

success: function( res ) {

console.log( res )

that.setData( {

hasLocation: true,

location: {

longitude: res.longitude,

glrrVxY latitude: res.latitude

}

})

}

})

}

})

index.wxml

{{userInfo.nickName}}

经度:{{location.longitude}}\n

纬度:{{location.latitude}}

运行效果

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:DOM 事件的深入浅出(一)
下一篇:Servlet实现文件上传,可多文件上传示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~