uniapp 在app中获取经纬度

在uniapp中app端,uni.getLocation获取经纬度会有大概1-2公里的偏差,在实际项目中,有的需求对经纬度的准确度要求比较严格,研究了很多种方式,最终发现使用高德地图api的微信小程序的插件获取的准确性是最准的,偏差最小的。

1.先去高德地图获取key,注意,这里是要获取微信小程序类型的key

2.然后回到首页开发支持-微信小程序插件中下载sdk(amap-wx.js )

 

 3.在项目中引入:按你自己的目录填写

import amap from "@/js_sdk/js-amap/amap-wx.130.js"

4.初始化

data中定义 amapPluginInstance:null,

methods中:

initMap() {
                this.amapPluginInstance = new amap.AMapWX({
                    key: 'a4cea069ff4d5df405d20b2f653fb5f4' //该key 是在高德中申请的微信小程序key
                });
                this.getCurrentPos()
},

getCurrentPos() {
                let _self = this;
                this.amapPluginInstance.getRegeo({
                    success: (res) => {
                        console.log(res); //可自己查看所需返回值取用
                        _self.address = res[0].regeocodeData.formatted_address;
                        _self.lat = res[0].latitude; //纬度
                        _self.lng = res[0].longitude; //经度
                        console.log("高德地图坐标经纬度:[" + _self.lat + "," + _self.lng + "]");
                    },
                    fail: (data) => {
                        console.log(data)
                    }
                })
            },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/19889.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue3前端模拟https安全策略同局域网内测试方法-local-ssl-proxy

文章目录 前言建议全局安装运行安全策略模拟运行效果如果其他客户端不能访问 直接在cmd跑即可,不过我们应该先运行项目 前言 为什么要用https安全策略呢,因为http浏览器策略访问权限有限,不能使用navigator的激活“用户音频或视频”的方法&a…

解密Vue 2的Diff算法:如何实现高效的DOM更新?

文章目录 1. 虚拟DOM2. Diff算法深度优先遍历双端比较 3. Diff优化策略:为了提高Diff算法的效率,Vue采用了一些优化策略:4.对Vue 2中Diff算法的规划进行表格总结附录:「简历必备」前后端实战项目(推荐:⭐️…

SpringBoot 异常处理机制

SpringBoot中异常处理的流程图 在SpringBoot项目中,如果业务逻辑发生了异常,则首先看发生异常的类中有没有ExceptionHandle能处理,如果能,则执行方法进行处理,如果没有,则去找全局的ControllerAdvice注解…

34.RocketMQ之Broker端消息存储流程详解

highlight: arduino-light Broker消息存储概要设计 RocketMQ主要存储的文件包括Commitlog文件,ConsumeQueue文件,IndexFile文件。 RMQ把所有主题的消息存储在同一个文件中,确保消息发送时顺序写文件。 为了提高消费效率引入了ConsumeQueue消息…

云原生(第六篇)k8s-kubeadmin部署

master(2C/4G,cpu核心数要求大于2) 192.168.169.10 docker、kubeadm、kubelet、kubectl、flannel node01(2C/2G) 192.168.169.30 docker、kubeadm、kubelet、kubect…

如何解决git中拉取或提交代码出现的ssl证书问题?

问题描述 执行命令的时候,出现"…certificate problem…"报错,一般在执行"git push“ (推送分支) 或者 “git clone”(克隆仓库)时出现,原因时因为SSL安全验证问题,不能获取到本地的的证书。那么如何解决这个问题…

SpringBoot 如何使用 MockMvc 进行 Web 集成测试

SpringBoot 如何使用 MockMvc 进行 Web 集成测试 介绍 SpringBoot 是一个流行的 Java Web 开发框架,它提供了一些强大的工具和库,使得开发 Web 应用程序变得更加容易。其中之一是 MockMvc,它提供了一种测试 SpringBoot Web 应用程序的方式&…

Microsoft Remote Desktop for mac安装教程

适用于Mac的Microsoft远程桌面测试版!Microsoft Remote Desktop Beta for Mac是一种远程工具,允许用户从Mac远程访问基于Windows的计算机。使用此工具,用户可以随时随地使用Mac连接到远程桌面、应用程序和资源。 Microsoft Remote Desktop B…

2023年Arm最新处理器架构分析——X4、A720和A520

1、引言 上一篇文章我们介绍了Arm的Cortex-X1至Cortex-X3系列处理器,2023年的5月底,Arm如期发布了新一年的处理器架构,分别为超级大核心Cortex-X4,大核心A720和小核心A520。在智能手机行业,Arm始终保持每年一迭代的处…

【GCD+MST】ABC210 E

这道题告诉我们,一道题一定要去手摸样例,多造几个数据,然后找思路 很多时候,题目看错了,码完发现思路错了,调半天调不出来,思路一直在旧框架打转,这些情况都是不去考察实际情况导致…

超速Python编程:利用缓存加速你的应用程序

引言 在软件开发中,缓存是一种常用的技术,用于提高系统性能和响应速度。Python提供了多种缓存技术和库,使我们能够轻松地实现缓存功能。本文将带您从入门到精通,逐步介绍Python中的缓存使用方法,并提供实例演示。 1.…

《MySQL》复合查询和连接

文章目录 查询单行子查询多行子查询合并查询 连接内连接外连接 点睛之笔:无论是多表还是单表,我们都可以认为只有一张表。 只要是表,就可以查询和连接成新表,所以select出来的结果都可以认为成一张表,既然是一张表&…