溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本文將為大家詳細介紹“小程序如何創(chuàng)建并返回map上下文mapContext對象”，內(nèi)容步驟清晰詳細，細節(jié)處理妥當(dāng)，而小編每天都會更新不同的知識點，希望這篇“小程序如何創(chuàng)建并返回map上下文mapContext對象”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。
創(chuàng)建并返回 map 上下文 mapContext 對象。在自定義組件下，第二個參數(shù)傳入組件實例this，以操作組件內(nèi) <map/> 組件
mapContext 通過 mapId 跟一個 <map/> 組件綁定，通過它可以操作對應(yīng)的 <map/> 組件。
mapContext 對象的方法列表
| 方法 | 參數(shù) | 說明 | 最低版本 |
|---|---|---|---|
| getCenterLocation | OBJECT |
獲取當(dāng)前地圖中心的經(jīng)緯度，返回的是 gcj02 坐標系，可以用于 wx.openLocation | |
| moveToLocation | 無 | 將地圖中心移動到當(dāng)前定位點，需要配合map組件的show-location使用 | |
| translateMarker | OBJECT | 平移marker，帶動畫 | 1.2.0 |
| includePoints | OBJECT | 縮放視野展示所有經(jīng)緯度 | 1.2.0 |
| getRegion | OBJECT | 獲取當(dāng)前地圖的視野范圍 | 1.4.0 |
| getScale | OBJECT | 獲取當(dāng)前地圖的縮放級別 | 1.4.0 |
getCenterLocation 的 OBJECT 參數(shù)列表
| 參數(shù) | 類型 | 必填 | 說明 |
|---|---|---|---|
| success | Function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) ，res = { longitude: "經(jīng)度", latitude: "緯度"} |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行） |
translateMarker 的 OBJECT 參數(shù)列表
| 參數(shù) | 類型 | 必填 | 說明 |
|---|---|---|---|
| markerId | Number | 是 | 指定marker |
| destination | Object | 是 | 指定marker移動到的目標點 |
| autoRotate | Boolean | 是 | 移動過程中是否自動旋轉(zhuǎn)marker |
| rotate | Number | 是 | marker的旋轉(zhuǎn)角度 |
| duration | Number | 否 | 動畫持續(xù)時長，默認值1000ms，平移與旋轉(zhuǎn)分別計算 |
| animationEnd | Function | 否 | 動畫結(jié)束回調(diào)函數(shù) |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
includePoints 的 OBJECT 參數(shù)列表
| 參數(shù) | 類型 | 必填 | 說明 |
|---|---|---|---|
| points | Array | 是 | 要顯示在可視區(qū)域內(nèi)的坐標點列表，[{latitude, longitude}] |
| padding | Array | 否 | 坐標點形成的矩形邊緣到地圖邊緣的距離，單位像素。格式為[上,右,下,左]，安卓上只能識別數(shù)組第一項，上下左右的padding一致。開發(fā)者工具暫不支持padding參數(shù)。 |
getRegion 的 OBJECT 參數(shù)列表
| 參數(shù) | 類型 | 必填 | 說明 |
|---|---|---|---|
| success | Function | 否 | 接口調(diào)用成功的回調(diào)函數(shù)，res = {southwest, northeast}，西南角與東北角的經(jīng)緯度 |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行） |
getScale 的 OBJECT 參數(shù)列表
| 參數(shù) | 類型 | 必填 | 說明 |
|---|---|---|---|
| success | Function | 否 | 接口調(diào)用成功的回調(diào)函數(shù)，res = {scale} |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行） |
示例代碼：
<!-- map.wxml --><map id="myMap" show-location /><button type="primary" bindtap="getCenterLocation">獲取位置</button><button type="primary" bindtap="moveToLocation">移動位置</button><button type="primary" bindtap="translateMarker">移動標注</button><button type="primary" bindtap="includePoints">縮放視野展示所有經(jīng)緯度</button>
小程序相對于開發(fā)者來說，開發(fā)難度較低，可節(jié)約開發(fā)和運營成本，讓開發(fā)者可以快速地開發(fā)一個小程序。并且小程序可在微信內(nèi)被便捷地獲取和傳播，能夠滿足基礎(chǔ)的生活應(yīng)用，符合生活服務(wù)類線下商鋪以及非剛需低頻應(yīng)用的轉(zhuǎn)換。對于用戶而言，能夠節(jié)約使用時間成本和手機內(nèi)存空間，同時具有優(yōu)異的使用體驗。
感謝您能讀到這里，小編希望您對“小程序如何創(chuàng)建并返回map上下文mapContext對象”這一關(guān)鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
