第一节,微信小程序之位置API

1.选择位置-wx.chooseLocation(Object object)

1.1操作过程图

微信小程序选择位置过程如下图:

1.2实现流程

1.2.1申请用户权限

这里如果用户第一次使用,在调用之前会先获取用户权限

1.2.2详细参数

1.2.3代码

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

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

猜你喜欢

转载自www.cnblogs.com/lxrnn/p/10760114.html