代码块:
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今日已用完什么的,并且很慢,不用管。