微信小程序 - 选取搜索地点并且显示（map）

演示如下，使用时，你也许会配合它：腾讯地图路线规划

 

 

 

wxml:

<view class='address' bindtap='onChangeAddress'>
  <input class='choose-address' placeholder='请选取地点' value='{{chooseAddress}}'></input>
 </view>

 

wxss:

.choose-address{
  border: 1px solid #000;
}

 

js

Page({
  data: {
   
  },
  //移动选点
  onChangeAddress: function() {
    var _page = this;
    wx.chooseLocation({
      success: function(res) {
        _page.setData({
          chooseAddress: res.name
        });
      },
      fail: function(err) {
        console.log(err)
      }
    });
  }
});