B2C电商
B2B交易系统
智慧门店
分销商城
社区电商
查看更多

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 > 小程序热门 >

微信小程序选取搜索地点并且显示

2018-09-21 作者:秩名

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

 

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 });

推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册