UNIAPP----获取当前位置并显示页面上

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 代码块：

HTML：

<view class="" style="width: 100%;z-index: 9999;">
		<view class="weizhi">
			<view><text>位置:</text>{{name}}</view>
		<text><text>详细地址:</text>{{address}}</text>
</view>

将位置和详细地址显示在页面上。

data里声明 name：  和  address： 空变量

给image图标添加个add（）事件，点击执行uni.chooseLocation(） 方法

<view class="add" @click="add">
		<image src="../../static/add.svg" mode=""></image>
</view>

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

将得到的res.name 和 res。address放到 两个空变量里面，{{ }} 绑定到页面上。

亲测app，微信小程序可用，并且很快很准，

谷歌浏览器打开的console会报此key今日已用完什么的，并且很慢，不用管。