小袁在努力

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

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   小袁在努力  阅读(1092)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示