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


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

 

 

 

wxml:

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

 

wxss:

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

 

js

 1 Page({  2  data: {  3    
 4  },  5   //移动选点
 6   onChangeAddress: function() {  7     var _page = this;  8  wx.chooseLocation({  9       success: function(res) { 10  _page.setData({ 11  chooseAddress: res.name 12  }); 13  }, 14       fail: function(err) { 15  console.log(err) 16  } 17  }); 18  } 19 });

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM