版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Mj_kk/article/details/81666424
微信小程序可以使用wx.getLocation 直接获取用户位置信息,里面含有经纬度参数。
如果需要获取详细位置,如省市区,附近街道等,就需要引用第三方js。我使用的腾讯地图SDK,毕竟是一家,一家人就要整整齐齐在一起。
1.申请开发者密钥(key):申请
2.下载腾讯地图SDK:下载
3.安全域名设置,需要在微信公众平台添加域名地址https://apis.map.qq.com
4.小程序实例:
a.引用js
var QQMapWX = require('../../lib/qqmap-wx-jssdk.js'); // 引入腾讯地图SDK核心类
b.调用
var that=this,qqmapsdk;
qqmapsdk = new QQMapWX({
key: 'key'
});
wx.getLocation({ //获取当前地址
type: 'wgs84',
success: function (res){
var latitude = res.latitude // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude // 经度,浮点数,范围为180 ~ -180
//根据经纬度获取所在城市
qqmapsdk.reverseGeocoder({
location: {latitude: latitude,longitude: longitude},
success: function (res) {
//address 城市
that.setData({ address: res.result.address_component.city})
wx.showToast({
title: `当前位置: ` + that.data.address,
icon: 'none'
});
}
});
}
})