微信小程序學習（七）常用API（2）

一、地圖：MapContext wx.createMapContext(string mapId, Object this)

MapContext  常用方法如下表所示：（常用的一般就是獲取移動設備的位置信息以及或者當前地圖的中心座標位置）

getCenterLocation(Object object)

獲取當前地圖中心的經緯度，在success回調函數的res參數可以獲取經緯度信息；

屬性	類型	說明
longitude	number	經度
latitude	number	緯度

getRegion(Object object)

獲取當前地圖的視野範圍，在success回調函數的res參數可以獲取東北和西南角的經緯度信息；

屬性	類型	說明
southwest	number	西南角經緯度
northeast	number	東北角經緯度

getRotate(Object object)

獲取當前地圖的旋轉角，在success回調函數的res參數可以獲取其旋轉角度rotate；

getScale(Object object)

獲取當前地圖的縮放級別，在success回調函數的res參數可以獲取其縮放程度scale；

getSkew(Object object)

獲取當前地圖的傾斜角，在success回調函數的res參數可以獲取其傾斜角skew；

moveToLocation(Object object)

將地圖中心移置當前定位點，此時需設置地圖組件 show-location 爲true。需要在參數object中配置經緯度；（移動定位）

<map id="myMap" show-location='true' style="width:100%;" />
<button type="primary" bindtap="getCenterLocation">獲取位置</button>
<button type="primary" bindtap="moveToLocation">移動位置</button>

Page({
  onReady: function (e) {
    // 使用 wx.createMapContext 獲取 map 上下文
    this.mapCtx = wx.createMapContext('myMap')
  },
  getCenterLocation: function () {
    this.mapCtx.getCenterLocation({
      success: function (res) {
        console.log(res.longitude)
        console.log(res.latitude)
      }
    })
  },
  moveToLocation: function () {
    this.mapCtx.moveToLocation()
  }
})

運行截圖：（好像有默認的經緯度，這裏我就不顯示了^_^）

二、背景音頻 BackgroundAudioManager wx.getBackgroundAudioManager() 微信提供的最新方法,之前的都不在維護；

獲取全局唯一的背景音頻管理器。 小程序切入後臺，如果音頻處於播放狀態，可以繼續播放。但是後臺狀態不能通過調用API操縱音頻的播放狀態。若需要在小程序切後臺後繼續播放音頻，需要在app.json中配置 requiredBackgroundModes 屬性。

以下是BackgroundAudioManager常用的方法：

1、play()：用於播放音頻；2、pause()：用於暫停音頻播放；3、stop()：用於停止音頻播放；

4、seek(number)：跳轉到指定的時間開始播放，number單位爲s，支持小數點後三位（支持ms）

BackgroundAudioManager常用的屬性：
① src:音頻資源的地址信息；（設置後自動開始播放） string數據類型 （必用）
② startTime:設置音頻的開始播放位置，單位爲s；number數據類型    （一般不用）
③ title:設置音頻的標籤信息（必填且不能爲空）；string數據類型    （必用）
④ singer:設置歌手的名稱（可以爲空，非必填）；string數據類型     （一般不用）
⑤ epname:設置專輯名稱（可以爲空，非必填）；string數據類型       （一般不用）
⑥ coverImgUrl:封面圖 URL信息；string數據類型                 （可能使用）
⑦ paused:判斷音頻是否暫停（只讀）； （返回boolean類型的數據）
⑧ duration：音頻的持續時間（只讀）；（返回number類型的數據）

使用的例子：
const backgroundAudioManager = wx.getBackgroundAudioManager() // 獲取音頻處理對象
backgroundAudioManager.title = '標籤信息'
backgroundAudioManager.epname = '專輯名稱'
backgroundAudioManager.singer = '歌手名'
backgroundAudioManager.coverImgUrl = '播放的音頻的圖片資源路徑'
backgroundAudioManager.src = '播放音頻的資源路徑'   // 設置了 src 之後會自動播放

 三、路由跳轉（頁面跳轉）【第1種、第3種爲常用的跳轉方式】

1、wx.switchTab(Object object)：跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面（路徑必須在tabBar中配置過）

2、wx.redirectTo(Object object)：關閉當前頁面，根據url連接進行頁面跳轉，但不允許跳轉至tabBar的路徑；

3、wx.navigateTo(Object object)：保留當前頁面並根據url連接進行頁面跳轉，但不允許跳轉至tabBar的路徑；（常用）

4、wx.navigateBack(Object object)：關閉當前頁面，返回上一級頁面（或多級頁面）默認一頁一頁的返回；

屬性	類型	默認值	必填	說明
delta	number	1	否	返回的頁面數，如果 delta 大於現有頁面數，則返回到首頁。

好多API呀，小程序雖然給我們提供了這麼多api但在微信開發工具中對開發人員好不友好\(^o^)/~呀，這些方法還有一部分

要我們去主動記憶。哎....寶寶心裏苦。算了能在這最好的學習期間提高自己一切都是值得的。明天繼續加油！！！

在api的學習過程中漸行漸遠，^_^；；；