小袁在努力

导航

uniapp的地址逆解析(经纬度解析为地址)

 1.无论是腾讯地图还是高德地图还是什么地图,我们都要去官网申请注册一个key,这里移步一个腾讯的。

2.在我们需要引入的项目下引入这个

import QQMapWX from "@/static/js/qqmap-wx-jssdk.min.js";

3.在onload里面写你要获取的地址

uni.authorize({
                    scope: 'scope.userLocation',
                    success: () => {
                        // 引入腾讯地图api
                        let qqmapsdk = new QQMapWX({
                            key: '申请的key值'
                        });
                        // 获取当前的地理位置、速度
                        uni.getLocation({
                            type: 'gcj02', //腾讯地图
                            success: (res) => {
                                // 逆地址解析
                                qqmapsdk.reverseGeocoder({
                                    location: {
                                        latitude: res.latitude,
                                        longitude: res.longitude
                                    },
                                    success: (res) => {
                                        console.log(res, 'rrr');
                                    },
                                    fail: (e) => {
                                        console.log(e, 'eee')
                                    }
                                })

                            }
                        });
                    },
                    fail: (err) => {
                        if (err.errCode === 2) {
                            this.$u.toast('请打开定位')
                        } else {
                            this.$u.toast('获取不到您的定位,请确保能获取定位')
                        }
                    }
                });

 

4.这样就可以完成了,更详细的可以通过uniapp官网,以及腾讯地图api来进行学习。

5.最后,附上一张获取地址的图片

编辑


posted on 2022-06-10 17:31  小袁在努力  阅读(917)  评论(0编辑  收藏  举报