uniapp开发app获取当前位置的经纬度

简介: uniapp开发app获取当前位置的经纬度

查阅了大量的帖子,发现基本上都不能用,后来发现需要配置一下manifest.json才可以,话不多说上代码

真机运行打印出来的经纬度


一、配置文件

检查一下manifest.json有没有下面的代码,没有的话就加上

{
"permissions": {
      "location": {
        "desc": "您的位置信息将用于获取当前位置。",
        "android": {}
      }
    },
}

二、代码

在mounted里面加上下面的代码就可以了

uni.getLocation({
          type: 'gcj02',
            geocode: true, // 是否需要解析地址信息
            success: (res) => {
               var latitude = res.latitude;
               var longitude = res.longitude;
              console.log("经度:" + longitude);
              console.log("纬度:" + latitude);
          this.longitude = longitude;
          this.latitude = latitude;
            },
            fail: (err) => {
              console.log("获取位置失败:" + err.errMsg);
            }
          });

这样就可以了,就是怎么简单

目录
相关文章
|
17天前
|
开发框架 监控 物联网
【Uniapp 专栏】探索 Uniapp 开发的更高级应用场景
【5月更文挑战第17天】Uniapp作为跨平台开发框架,在物联网、实时数据监控、企业级应用、地理定位和教育、电商领域展现出广泛应用潜力。通过蓝牙连接智能家居,实时展示数据变化,构建复杂业务流程,定位服务及互动学习平台,它提供了创新解决方案。随着技术发展,Uniapp将继续为开发者创造更多机遇和挑战,推动移动应用领域的前进。
【Uniapp 专栏】探索 Uniapp 开发的更高级应用场景
|
17天前
|
数据处理 开发者
【Uniapp 专栏】提升 Uniapp 开发效率的进阶方法
【5月更文挑战第17天】提升Uniapp开发效率的关键包括组件化、模板语法、数据处理和代码组织。通过封装组件如通用按钮,利用列表渲染生成多个元素,使用计算属性和方法处理复杂逻辑,以及采用预处理器如Sass编写样式。此外,良好的代码结构和使用开发者工具进行调试也是重要环节。掌握这些进阶技巧能帮助开发者更高效地构建高质量应用。
【Uniapp 专栏】提升 Uniapp 开发效率的进阶方法
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
12 2
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的文化遗产的保护与旅游开发的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的文化遗产的保护与旅游开发的详细设计和实现(源码+lw+部署文档+讲解等)
|
3天前
|
小程序 JavaScript Android开发
uniapp开发时可能会遇到的问题及解决方法,uniapp避坑指南!
uniapp开发时可能会遇到的问题及解决方法,uniapp避坑指南!
|
5天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的水果网上商城的开发与设计的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的水果网上商城的开发与设计的详细设计和实现(源码+lw+部署文档+讲解等)
|
6天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的珠宝首饰交易平台开发的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的珠宝首饰交易平台开发的详细设计和实现(源码+lw+部署文档+讲解等)
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的多媒体素材库的开发与应用的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的多媒体素材库的开发与应用的详细设计和实现
|
10天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的资源共享平台的共享与开发的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的资源共享平台的共享与开发的详细设计和实现
|
10天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的欢迪迈手机商城设计与开发的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的欢迪迈手机商城设计与开发的详细设计和实现