微搭小課堂是一門實(shí)戰(zhàn)課，以商業(yè)的視角來思考究竟該開發(fā)什么樣的功能。既有技術(shù)點(diǎn)的分解，又有產(chǎn)品功能的規(guī)劃。以微搭為主線，順滕摸瓜體驗(yàn)一下騰訊全家桶的各種各樣的功能。愿景是做一百期，形式是以朋友圈九宮格為載體。其實(shí)武功主要是心法，心法會(huì)了招式可以自創(chuàng)。一起看看我們可以和微搭走多遠(yuǎn)。

日常很多小程序提供了在線預(yù)約的功能，在信息提交的時(shí)候希望獲取用戶的詳細(xì)地址。為了提高用戶的使用體驗(yàn)，往往通過地圖點(diǎn)選的功能來幫助用戶選擇地址。本篇就講解一下如何實(shí)現(xiàn)這樣的功能。

步驟一 打開地圖配置

要想調(diào)用騰訊地圖，需要先讓小程序授權(quán)可以獲取用戶的位置信息。打開低碼編輯器

將里邊的權(quán)限打開，這樣就可以獲取用戶的位置信息了

步驟二 編輯器里添加組件

實(shí)現(xiàn)的功能是在表單輸入組件里顯示地址，通過按鈕點(diǎn)擊時(shí)候調(diào)用騰訊地圖，組件大綱如下

步驟三 定義變量

要想點(diǎn)選地址后在表單輸入組件上顯示內(nèi)容，就需要先定義一個(gè)變量

變量定義好后需要和表單輸入組件做變量綁定

步驟四 定義低碼方法

一般我們執(zhí)行的各種動(dòng)作，除了使用平臺(tái)方法外，就是定義低碼方法了，我們可以創(chuàng)建一個(gè)chooseAddress低碼方法，用來調(diào)用小程序的api

export default function({event, data}) {wx.chooseLocation({ success (res) {   let address = res.address

   $page.dataset.state.address = address    } })}

代碼的意思是調(diào)用微信的點(diǎn)選地點(diǎn)API，成功獲取地址后賦值給變量即可

步驟五 給按鈕定義事件

低碼方法創(chuàng)建好之后，可以給按鈕增加行為，調(diào)用我們的低碼方法即可

總結(jié)

我們本節(jié)是介紹了微搭中如何調(diào)用微信的api，其實(shí)熟練的使用微信的api可以做出很多方便的功能，用戶體驗(yàn)越好，為用戶想的越多，就有越多的人喜歡使用你的小程序。