uni——H5选择地址(地图选择地址，经度、纬度、详细地址)chooseLocation

耶啵奶膘

已于 2024-04-23 14:31:09 修改

阅读量1.6k

点赞数

分类专栏： uni、vue 文章标签：前端

于 2023-05-11 10:52:17 首次发布

本文链接：https://blog.csdn.net/xulihua_75/article/details/130617023

版权

uni、vue 专栏收录该内容

135 篇文章 7 订阅

订阅专栏

该文章展示了如何在uni-app中调用uni.chooseLocation方法获取用户位置信息，将地址、经度和纬度分别存储在对应的变量中，适用于移动应用开发中的定位功能。

摘要由CSDN通过智能技术生成

案例展示

在这里插入图片描述

案例代码

<view @click="getLocation">选择地址</view>

getLocation(){
	uni.chooseLocation({
		success: (res) => {
			console.log(res);
			this.address = res.address
			this.longitude = res.longitude
			this.latitude = res.latitude
		}
	});
},

const address = ref('')
const longitude = ref('')
const latitude = ref('')
function chooseAddress() {
	uni.chooseLocation({
		success: (res) => {
			console.log(res);
			address.value = res.address
			longitude.value = res.longitude
			latitude.value = res.latitude
		}
	})
}