支付寶小程序API 地圖

2018-11-03 20:00 更新

支付寶小程序API界面地圖

my.createMapContext(mapId)

創(chuàng)建并返回一個 map 上下文對象 mapContext。

mapContext

mapContext 通過 id 跟一個 <map/> 組件綁定,通過它可以操作對應的 <map/> 組件。

mapContext 對象的方法列表

  • mapContext 對象的方法列表
方法 參數 說明
getCenterLocation OBJECT 獲取當前地圖中心的經緯度,返回 gcj02 坐標系的值,可以用于 my.openLocation
moveToLocation 將地圖中心移動到當前定位點,需要配合 map 組件的 show-location 使用

  • getCenterLocation 的 OBJECT 參數列表
參數 類型 必填 說明
success Function 調用成功的回調函數 ,res = { longitude: "經度", latitude: "緯度"}
fail Function 調用失敗的回調函數
complete Function 調用結束的回調函數(調用成功、失敗都會執(zhí)行)

示例代碼

<map id="userMap" show-location />


<button type="primary" onTap="getCenterLocation">獲取位置</button>
<button type="primary" onTap="moveToLocation">移動位置</button>

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



以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號