微信小程序(Taro)获取经纬度并转化为具体城市

ops/2024/10/20 1:20:28/

1、获取经纬度

申请权限,想要使用微信小程序获取经纬度的方法是要申请该方面的权限。

 获取经纬度的方法有很多选择其中一个使用就好。

我使用的是Taro.getFuzzyLocation()

在app.config.js中需要添加设置

 requiredPrivateInfos: ["getFuzzyLocation",],

直接上代码,获取经纬度

Taro.getFuzzyLocation({type: "wgs84",success: async (res) => {const latitude = res.latitude;const longitude = res.longitude;console.log(latitude, longitude, "纬度 经度");},fail: function (e) {console.log(e, "获取失败");},});

2、逆转地理编码

在获取到经纬度后,想要转换为具体的位置地点,需要使用高德地图或者腾讯地图,我使用的是高德地图。

地理/逆地理编码-基础 API 文档-开发指南-Web服务 API | 高德地图API

在高德开发平台注册账号后申请key

在添加key的过程中一定要选择web服务,因为只有它支持逆地理编码API

上逆转经纬度的代码

 // 根据坐标获取地址const wz = await requst.get("https://restapi.amap.com/v3/geocode/regeo?key=<你申请的key>&extensions=all&location=" +longitude +"," +latitude);console.log(wz.data.regeocode.addressComponent,wz.data.regeocode.addressComponent.city,"地点");

在获取经纬度的方法中,要把方法放到生命周期里面。不然可能会一直调用

3、全部代码 

// 获取地理位置const handleClick = () => {Taro.getFuzzyLocation({type: "wgs84",success: async (res) => {const latitude = res.latitude;const longitude = res.longitude;console.log(latitude, longitude, "纬度 经度");// 根据坐标获取地址const wz = await requst.get("https://restapi.amap.com/v3/geocode/regeo?key=<你的key>&extensions=all&location=" +longitude +"," +latitude);console.log(wz,wz.data.regeocode.addressComponent,wz.data.regeocode.addressComponent.city,"地点");},fail: function (e) {console.log(e, "获取失败");},});};useEffect(() => {handleClick();}, []);


http://www.ppmy.cn/ops/39666.html

相关文章

FFmpeg常用API与示例(四)——过滤器实战

1.filter 在多媒体处理中&#xff0c;filter 的意思是被编码到输出文件之前用来修改输入文件内容的一个软件工具。如&#xff1a;视频翻转&#xff0c;旋转&#xff0c;缩放等。 语法&#xff1a;[input_link_label1]… filter_nameparameters [output_link_label1]… 1、视…

「51媒体」邀请媒体参会报道和媒体发稿有啥不同

传媒如春雨&#xff0c;润物细无声&#xff0c;大家好&#xff0c;我是51媒体网胡老师。 媒体参会报道和媒体发稿是新闻报道的两种不同形式&#xff0c;它们的主要区别在于内容来源、报道方式和目的。 内容来源&#xff1a; 媒体参会报道&#xff1a;通常指的是记者或媒体代…

配置Docker对象与管理守护进程

前言&#xff1a;本博客仅作记录学习使用&#xff0c;部分图片出自网络&#xff0c;如有侵犯您的权益&#xff0c;请联系删除 本章节的快速目录导航&#xff1a; 一、配置Docker对象 1.1、Docker对象的标记 1.2、格式化命令和日志的输出 二、示例&#xff1a; 2.1、管理…

effective python学习笔记_类与接口

用组合类实现多层结构而不用内置类型 例子&#xff1a;成绩单&#xff0c;存储学生各科成绩多个然后加权重&#xff0c;如果用字典类型会导致字典有多层嵌套结构 思想 当用内置类型如字典元组等结构出现超过二层的多层嵌套结构时&#xff0c;读起来会比较难懂&#xff0c;此时…

同程旅行基于Proxy的Kafka最佳实践

公众号文章:同程旅行基于Proxy的Kafka最佳实践 Apache Kafka,作为当前企业级数据流处理的首选平台,由于其高吞吐量和可扩展性而深受欢迎。 然而,随着企业数据量的爆炸性增长和业务需求的多样化,Kafka 集群面临着各种挑战,特别是在集群可用性和流量治理方面。 为了解决这…

【工具】如何提取一个mp4文件的关键帧

文章目录 怎么做如何安装ffmepgUbuntu 或 DebianCentOS 或 FedoramacOSWindows其他 Linux 发行版 实践什么是关键帧 怎么做 你可以使用ffmpeg这个强大的多媒体处理工具来提取mp4文件中的关键帧。以下是一个示例命令&#xff0c;可以使用ffmpeg从mp4文件中提取关键帧&#xff1…

解决springboot项目的网站静态页面显示不全问题

在通过springboot搭建项目时&#xff0c;为了能够访问静态的前端页面&#xff0c;我们考虑到访问的优先级问题&#xff0c;通常选择将资源放在recourses/static的目录下&#xff0c;如下&#xff1a; 这时可能会出现类似于下面这种图片无法加载、没有按照指定位置显示的情况&am…

第九届“数维杯”大学生数学建模挑战赛(C题)深度剖析|建模完整过程+详细思路+代码全解析

问题1 问题1的建模过程如下&#xff1a; 设勘探区域为 D D D&#xff0c;勘探井位数量为 n n n&#xff0c;每个勘探井位的坐标为 ( x i , y i ) , i 1 , 2 , . . . , n (x_i,y_i),i1,2,...,n (xi​,yi​),i1,2,...,n。根据勘探数据&#xff0c;假设该区域内天然气水合物资源…