支付宝小程序API 地图

支付宝小程序API界面地图

my.createMapContext(mapId)

创建并返回一个 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	否	调用结束的回调函数（调用成功、失败都会执行）

示例代码

<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()
  }
})