您当前的位置: 首页 > 解决方案

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

  • 作者: admin
  • 发布于 2018-09-21 13:43:28
  • 来源:  
  • 栏目:解决方案

导语: 演示如下,使用时,你也许会配合它:腾讯地图路线规划 wxml: 1 <view class='addr

 

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

12.gif

wxml:

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

wxss:

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

js

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

 

 



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部