微信小程序获取所在位置信息,城市,省份

微信小程序中经常会用到定位信息从而获取特定的数据
微信官方提供的获取位置信息的接口只返回经纬度,并不解析为具体地址,所以需要我们自己去解析
1.我选用腾讯地图的第三方SDK进行解析
相关文档查看:https://lbs.qq.com/qqmap_wx_jssdk/index.html
(当然百度地图也支持)
当我们申请到了KEY之后就可以进行解析了
以下是我使用的代码

//获取位置信息
let QQMapWX = require('./qqmap-wx-jssdk.min');//引入第三方sdk
let qqmapsdk;
// 实例化腾讯地图API核心类
qqmapsdk = new QQMapWX({
    key: '申请到的key' // 必填
});
const mapInfo = () => {
    return new Promise((resolve, reject) => {
        wx.getSetting({ //  先判断是否已授权
            success: (res) => {
                if (res.authSetting['scope.userLocation']) {
                    wx.getLocation({  //  如果授权则获取用户信息
                        success: function (res) {
                            qqmapsdk.reverseGeocoder({ //  调用解析SDK
                                location: {
                                    latitude: res.latitude,
                                    longitude: res.longitude
                                },
                                success: function (addressRes) {
                                    let address = addressRes.result.address_component
                                    resolve(address); //  返回得到的具体信息
                                }
                            })
                        },
                        fail: function () {

                        }
                    })
                } else {//  用户取消后,再次进入,系统不会弹出授权界面,所以用代码弹出授权提示框,
                    wx.showModal({
                        title: '是否授权地理位置信息',
                        content: '需要获取您的地理位置信息,请确认授权,否则无法推送本地岗位',
                        success: function (tip) {
                            if (tip.confirm) {
                                wx.openSetting({ //  打开授权页面
                                    success: function (data) {
                                        if (data.authSetting["scope.userLocation"]) {
                                            wx.getLocation({
                                                success: function (res) {
                                                    qqmapsdk.reverseGeocoder({
                                                        location: {
                                                            latitude: res.latitude,
                                                            longitude: res.longitude
                                                        },
                                                        success: function (addressRes) {
                                                            let address = addressRes.result.address_component
                                                            resolve(address);
                                                        }
                                                    })
                                                },
                                                fail: function () {
                                                }
                                            })
                                        } else {
                                            wx.showToast({
                                                title: '授权失败',
                                                icon: 'none',
                                                duration: 2000
                                            })
                                        }
                                    }
                                })
                            }
                        }
                    })
                }
            }
        })
    })
}
module.exports = {
    $getMapInfo: mapInfo,
}

你可能感兴趣的:(小程序)