wx选择位置并显示出来

wxml

<view class="title">获取位置</view>
<view class="demo-box">
<view class="title">wx.chooseLocation</view>
<map latitude="{{lat}}" longitude="{{lon}}"></map>
<button type="primary" bindtap="chooseLocation">获取位置</button>
<view class="title">纬度{{lat}}</view>
<view class="title">经度{{lon}}</view>
<view class="title">名称{{name}}</view>
<view class="title">地址{{address}}</view>
</view>

js

Page({
  data: {
   
  },
  chooseLocation:function(){
    var that=this;
   wx.chooseLocation({
   success:function(res){
     that.setData({
       lat:res.latitude,
       lon:res.longitude,
       name:res.name,
       address:res.address
     })
   }
 })
},
}