uniapp 打开地图选择位置（uni.chooseLocation 实战教程）

发布时间：2024年01月22日

代码实现

<view style='padding: 20px;'>
	<u-form-item required label="地点" prop="place">
		<u-cell-group>
			<u-cell :value="place.name?'':'请选择'   " isLink @click="choosePlace">
				<u--text slot='title' :text="place.name"></u--text>
			</u-cell>
		</u-cell-group>
	</u-form-item>
</view>

place: {},

choosePlace() {
	let that = this
	uni.chooseLocation({
		success: function(res) {
			that.place = res
			console.log('位置名称：' + res.name);
			console.log('详细地址：' + res.address);
			console.log('纬度：' + res.latitude);
			console.log('经度：' + res.longitude);
		}
	});
},

调试技巧

微信编辑器中点击没反应，需使用 PC 端预览调试

在PC端预览的微信小程序中，打开调试工具

在这里插入图片描述

最终效果

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

文章来源:https://blog.csdn.net/weixin_41192489/article/details/135744093
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章