微信小程序 (地址選擇1)--選取搜索地點并顯示效果
更新時間：2019年12月17日 09:36:22 作者：愛學習的程序媛
這篇文章主要介紹了微信小程序 (地址選擇1)--選取搜索地點并顯示效果,實現(xiàn)思路是通過拖動地圖，搜索地址，選擇地址并將地址值傳給文本框，具體實例代碼跟隨小編一起看看吧
效果：（直接復制代碼，可查看效果）
可以通過拖動地圖，搜索地址，選擇地址，并將地址值傳給文本框
進入以下界面
點擊確定后。
代碼如下：
wxml:
<view class="box2">
<view class="box2_left">收貨地址</view>
<input type="text" class="box2_right" placeholder="請選擇收貨地址" bindtap="onChangeAddress" value='{{chooseAddress}}'></input>
<view class="fuhao" bindtap="onChangeAddress">></view>
</view>
wxss:
.box2{
width: 680rpx;
min-height: 90rpx;
display: flex;
flex-direction: row;
align-items: center;
border-bottom: solid 2rpx #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)--選取搜索地點并顯示效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
硬盤瀏覽程序，保存成網頁格式便可使用...2006-12-12
本文主要介紹了js實現(xiàn)文字超過顯示寬度每間隔1s自動向左滾動顯示的跑馬燈效果，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
今天小編就為大家分享一篇js使用ajax傳值給后臺,后臺返回字符串處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
最近公司有一個需求，要做一個數(shù)據可視化的頁面，所有的圖表都在下面，做這些都是本人自己寫的，全部都是真是的項目中的代碼，包含有柱狀圖、折線圖、水球圖以及散點圖，這里直接打出來給大家練手，希望大家多多支持，如果這篇文章對您有用的話必須收藏2022-08-08
阻止mousemove鼠標移動或touchmove觸摸移動觸發(fā)click點擊事件
這篇文章主要為大家介紹了阻止mousemove或touchmove與click事件同時觸發(fā)技巧，一個按鈕綁定了多個事件，所以就要想辦法阻止 mouse 鼠標事件或 touch 觸摸事件 與 click 事件同時觸發(fā)，不然每次拖拽按鈕后都會觸發(fā) click 事件，這顯然是不友好的2023-06-06
下面小編就為大家?guī)硪黄厝恋脑O置與監(jiān)聽實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
onerror事件用來協(xié)助處理頁面中的JavaScript錯誤主要包括：Window.onerror事件,img載入錯誤，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈2013-04-04
js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法
這篇文章主要介紹了js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法,涉及html5元素的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章是微信開發(fā)的很多前置條件，包括了服務端基于JAVA的獲取和緩存全局的access_token，獲取和緩存全局的jsapi_ticket，以及前端配置授權組件封裝，調用分享組件封裝。需要的朋友可以看下2016-12-12
這篇文章給大家詳細介紹了uniapp如何處理圖片加載過程中的錯誤,文章通過代碼示例介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-10-10