这篇文章主要为大家详细介绍了微信小程序实现自动定位功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了微信小程序实现自动定位的具体代码,供大家参考,具体内容如下
使用了腾讯地图提供的免费api:
需要引入一个js文件:下载地址
js代码:
// 引入SDK核心类
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmap = new QQMapWX({
//在腾讯地图开放平台申请密钥 http://lbs.qq.com/mykey.html
key: 'your KEY'
});
Page({
data: {
myLatitude: "",
myLongitude: "",
myAddress: ""
},
onLoad: function(){
var that = 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)
var a = res.result.address_component
//获取市和区(区可能为空)
that.setData({myAddress: a.city + a.district})
//控制台输出结果
console.log(that.data.myAddress)
}
})
}
})
}
})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。 |