微信小程序--利用地图设置常用地址

效果图 

1 点击 下图  设置家庭的地址/设置公司的地址  

2  进去地图  选择位置

3 点击确定后 把选中的地址 带回去


wxml

<view style="display:inline-block" bindtap="chooseLocation" data-index="home">{{home.address || '设置家庭的地址'}}
</view>

js

chooseLocation: function(e) {

    const index = e.target.dataset.index      // 因为有 家/公司两个 所以传个变量  用于后面判断

    //使用 小程序api  wx.chooseLocation 打开地图选择位置

    wx.chooseLocation({  

         success: res => {       // 用户选中地址 点击右上角 确定后  返回数据 res

                switch (index) {

                    case 'home': this.setData({ home: res })      //存下数据

                            break;

                    case 'company':

                        this.setData({ company: res })    //存下数据

                        break;

                  }                        

        }

    })

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容