tt.createMapContext

基础库 1.63.0 开始支持本方法,低版本需做兼容处理。 这是一个同步方法。

创建 <map /> 组件上下文 MapContext 对象。

语法

tt.createMapContext(mapId[, component])

参数说明

属性名类型默认值必填说明最低支持版本
mapIdstring<map /> 组件的 id1.63.0
componentobject在自定义组件下,当前组件实例的 this,以操作组件内 <map /> 组件1.63.0

返回值

返回 MapContext 对象

属性名类型说明最低支持版本
getCenterLocationFunction获取当前地图中心的经纬度,返回的是 gcj02 坐标系,可以用于 tt.openLocation()1.63.0
getRegionFunction获取当前地图的视野范围1.63.0
getScaleFunction获取当前地图的缩放级别1.63.0
moveToLocationFunction将地图中心移置当前定位点,此时需设置地图组件 show-locationtrue1.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

点击纠错
评价此篇文档