微信小程序如何实现点击后地图选择定位位置

1. 在需要进行点击的页面中，location.wxml，写上点击事件，以及绑定的数据，代码如下所示：

<view class="content" bindtap="handleAddressClick">{{ address }}</view>

2. 在相应的js文件中，location.js，在data中，定义之前绑定的数据，address，给上一个默认初始值，代码如下所示：

data: {
   address: "点击选择定位"
}

3. 在location.js文件中，定义的绑定的事件函数andleAddressClick()，在这个函数中，调用打开地图选择位置的API，wx.chooseLocation()，代码如下所示：

handleAddressClick() {
   wx.chooseLocation({
     success: this.handleChooseLocationSuccess.bind(this)
   })
}

4. 在location.js文件中，再定义选择位置成功后的回调函数handleChooseLocationSuccess()，在这个函数里面通过this.setData()的方法去修改位置的信息，将选择的位置信息赋值给data里面的位置信息，响应到页面当中去，这样就实现了点击后地图选择定位位置，代码如下所示：

 handleChooseLocationSuccess(res) {
   this.setData({
     address: res.address
   })
 }