微客导航 » 文章资讯 » 微信小程序 (地址选择1)--选取搜索地点并显示效果

微信小程序 (地址选择1)--选取搜索地点并显示效果

2023-08-04 11:13:04 353

效果：（直接复制代码，可查看效果）

可以通过拖动地图，搜索地址，选择地址，并将地址值传给文本框

进入以下界面

点击确定后。

代码如下：

wxml:


收货地址

>

wxss:

.box2{
width:680rpx;
min-height:90rpx;
display:flex;
flex-direction:row;
align-items:center;
border-bottom:solid2rpx#D7D7D7;
}
.box2_left{
width:180rpx;
font-size:15px;
color:#000000;
}
.box2_right{
width:406rpx;
min-height:90rpx;
display:flex;
align-items:center;
font-size:14px;
}
.fuhao{
width:70rpx;
height:90rpx;
font-size:25px;
display:flex;
flex-direction:row-reverse;
align-items:center;
}

js:

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

这里显示在文本框的内容只是返回结果中的name,整个返回结果是下面这中形式的：

wx.chooseLocation:在文档中的位置点这里

总结

以上所述是小编给大家介绍的微信小程序(地址选择1)--选取搜索地点并显示效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

微信小程序 (地址选择1)--选取搜索地点并显示效果

热门推荐

随机推荐