- 在需要进行点击的页面中,
location.wxml
,写上点击事件,以及绑定的数据,代码如下所示:
<view class="content" bindtap="handleAddressClick">{{ address }}</view>
- 在相应的
js
文件中,location.js
,在data
中,定义之前绑定的数据,address
,给上一个默认初始值,代码如下所示:
data: {
address: "点击选择定位"
}
- 在
location.js
文件中,定义的绑定的事件函数andleAddressClick()
,在这个函数中,调用打开地图选择位置的API
,wx.chooseLocation()
,代码如下所示:
handleAddressClick() {
wx.chooseLocation({
success: this.handleChooseLocationSuccess.bind(this)
})
}
- 在
location.js
文件中,再定义选择位置成功后的回调函数handleChooseLocationSuccess()
,在这个函数里面通过this.setData()
的方法去修改位置的信息,将选择的位置信息赋值给data
里面的位置信息,响应到页面当中去,这样就实现了点击后地图选择定位位置,代码如下所示:
handleChooseLocationSuccess(res) {
this.setData({
address: res.address
})
}