wx.createMapContext(mapId, this),創建并返回 map上下文mapContext對象
2017-12-11
導讀:創建并返回 map 上下文 mapContext 對象。在自定義組件下,第二個參數傳入組件實例this,以操作組件內 map/ 組件 mapContext mapContext 通過 mapId 跟一個 map/ 組件綁定,通過它可以操作對應的...
創建并返回 map 上下文 mapContext
對象。在自定義組件下,第二個參數傳入組件實例this,以操作組件內 <map/>
組件
mapContext
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>
更多微信小程序開發教程,關注hi小程序。
第二部分:如何開通一個小商店