微信小程序实现自动定位功能
本文实例为大家分享了微信小程序实现自动定位的具体代码,供大家参考,具体内容如下
使用了腾讯地图提供的免费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 迎新祝福语简短20字
12 祝福语简短创意闺蜜
13 送给同桌的祝福语简短
14 对上司的简短祝福语
15 项目建设春节祝福语简短
16 年底老板祝福语简短的
17 新年探亲祝福语简短精辟
18 侄儿生日祝福语简短独特