当前位置: 首页 > news >正文

uniapp获取当前位置和经纬度信息

1.1. 获取当前位置和经纬度信息(需要配置高的SDK)

调用uni-app官方API中的uni.chooseLocation(),即打开地图选择位置。

<button @click="getAddress">获取定位</button>

 

const getAddress = () => {uni.chooseLocation({success: res => {console.log(res);console.log('位置名称:' + res.name);console.log('详细地址:' + res.address);console.log('纬度:' + res.latitude);console.log('经度:' + res.longitude);}});
}
  • res打印结果如下
{"name": "雨花街道民智路12-5号南京证大喜玛拉雅中心","latitude": 31.964383,"longitude": 118.804811,"address": "江苏省南京市雨花台区雨花街道民智路12-5号南京证大喜玛拉雅中心","errMsg": "chooseLocation:ok"
}

1.2. 如果只是简单获取经纬度信息uni.getLocation即可满足条件

const getAddress = () => {uni.getLocation({type: 'wgs84',success: function(res) {console.log(res);},fail: function(error) {console.error('获取位置失败:', error);}});
}
  • res打印结果如下
{"type": "wgs84","altitude": 0,"latitude": 31.966442,"longitude": 118.799641,"speed": 0.036327,"accuracy": 32,"errMsg": "getLocation:ok"
}

1.3. 如果需要获取省市区以及区域编码(需要配置高的SDK)

// 获取经纬度 省市区 详细地址
const chooseLocation = () => {uni.getLocation({// gcj02 返回国测局坐标(App 和 H5 需配置定位 SDK 信息才可支持 gcj02。)type: 'gcj02', // 是否解析地址信息(仅App平台支持(安卓需指定 type 为 gcj02 并配置三方定位SDK))geocode: true, success: function(res) {console.log(res);}});
}
  • res打印结果如下
{"type": "gcj02","altitude": 0,"latitude": 31.96437,"longitude": 118.804836,"speed": 0,"accuracy": 34,"address": {"country": "中国","province": "江苏省","city": "南京市","district": "雨花台区","street": "民智路","streetNum": "12-2号","poiName": "喜玛拉雅中心C座","cityCode": "025"},"errMsg": "getLocation:ok"
}

http://www.dtcms.com/a/240552.html

相关文章:

  • C++之list的自我实现
  • Conda 创建新环境时报错 HTTP 502,如何解决?
  • ava多线程实现HTTP断点续传:原理、设计与代码实现
  • 微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据
  • SSL证书为什么会有有效期?
  • Hugging Face、魔塔社区(MOTA)与OpenRouter:AI模型平台深度对比与实战指南
  • 一元线性回归分析——基于Rstudio
  • 深入浅出Diffusion模型:从原理到实践的全方位教程
  • 2.1 状态空间表达式
  • linux 下常用变更-8
  • 24CJ87-4天窗标准图集|采光、通风、消防排烟天窗
  • 华为云Flexus+DeepSeek征文|体验华为云ModelArts快速搭建Dify-LLM应用开发平台并创建自己的AI-Agent
  • 【如何做好技术架构】
  • 【2D与3D SLAM中的扫描匹配算法全面解析】
  • 【性能篇II】释放主线程:异步任务(@Async)与定时任务(@Scheduled)
  • C++中vector类型的介绍和使用
  • SpringCloud微服务架构下的日志可观测解决方案(EFK搭建)
  • IBMS集成系统 结合数字孪生技术,实现建筑的3D可视化监控与智能化运维
  • K6 + JavaScript 压测服务端
  • Kaspa Wasm SDK
  • 专业文件比对辅助软件
  • Vue3学习(接口,泛型,自定义类型,v-for,props)
  • ubuntu服务器上极简部署odoo18
  • Qt的学习(二)
  • 【Java_EE】Spring MVC
  • 【多智能体】基于LLM自进化多学科团队医疗咨询多智能体框架
  • FreeRtos下创建任务失败原因记录
  • 【Elasticsearch】一个图书馆的案例解释 Elasticsearch
  • 【Gateway断言(predicates)设置】
  • Mobile ALOHA全身模仿学习