支付宝小程序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()
}
})