微信小程序实现自动定位功能
本文实例为大家分享了微信小程序实现自动定位的具体代码,供大家参考,具体内容如下
使用了腾讯地图提供的免费api:
需要引入一个js文件:下载地址
js代码:
//引入SDK核心类
varQQMapWX=require('../../libs/qqmap-wx-jssdk.js');
varqqmap=newQQMapWX({
//在腾讯地图开放平台申请密钥http://lbs.qq.com/mykey.html
key:'yourKEY'
});
Page({
data:{
myLatitude:"",
myLongitude:"",
myAddress:""
},
onLoad:function(){
varthat=this
//用微信提供的api获取经纬度
wx.getLocation({
type:'wgs84',
success:function(res){
that.setData({myLatitude:res.latitude,myLongitude:res.longitude})
//用腾讯地图的api,根据经纬度获取城市
qqmap.reverseGeocoder({
location:{
latitude:that.data.myLatitude,
longitude:that.data.myLongitude
},
success:function(res){
console.log(res)
vara=res.result.address_component
//获取市和区(区可能为空)
that.setData({myAddress:a.city+a.district})
//控制台输出结果
console.log(that.data.myAddress)
}
})
}
})
}
})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短