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