tt.createMapContext
基础库 1.63.0 开始支持本方法，低版本需做兼容处理。 这是一个同步方法。
创建 <map /> 组件上下文 MapContext 对象。
语法
tt.createMapContext(mapId[, component])参数说明
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| mapId | string | 是 | <map /> 组件的 id | 1.63.0 | |
| component | object | 否 | 在自定义组件下，当前组件实例的 this，以操作组件内 <map /> 组件 | 1.63.0 |
返回值
返回 MapContext 对象
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| getCenterLocation | Function | 获取当前地图中心的经纬度，返回的是 gcj02 坐标系，可以用于 tt.openLocation() | 1.63.0 |
| getRegion | Function | 获取当前地图的视野范围 | 1.63.0 |
| getScale | Function | 获取当前地图的缩放级别 | 1.63.0 |
| moveToLocation | Function | 将地图中心移置当前定位点，此时需设置地图组件 show-location 为 true。 | 1.63.0 |
扫码体验
请使用字节宿主APP扫码
代码示例
<map id="myMap"></map>
<view>
<button bindtap="button">move</button>
</view>Page({
mapContext: undefined,
onReady() {
this.mapContext = tt.createMapContext("myMap");
// 获取当前中心坐标
this.mapContext.getCenterLocation({
success(res) {
console.log({
longitude: res.longitude, // number 经度
latitude: res.latitude, // number 纬度
});
},
});
// 获取视野范围
this.mapContext.getRegion({
success(res) {
console.log({
southwest: number, // 西南角经纬度
northeast: number, // 东北角经纬度
});
},
});
// 获取缩放比例
this.mapContext.getScale({
success(res) {
console.log({
scale: number, // 缩放值
});
},
});
},
// 移动地图
move() {
this.mapContext.moveToLocation({
longitude: 116.46, // 经度
latitude: 39.92, // 纬度
success() {
console.log("接口调用成功");
},
fail() {
console.log("接口调用失败");
},
complete() {
console.log("接口调用结束");
},
});
},
});Bug & Tip
无
点击纠错
评价此篇文档