抖音开放平台Logo
开发者文档
小程序
控制台
  • JS API 列表
  • 基础
  • 网络
  • 媒体
  • 地图
  • 文件
  • 开放接口
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 侧边栏能力
  • 行业开放
  • AI/AR能力
  • 第三方平台
  • TTML
  • 转发和挂载
  • 其它
  • 直播能力

    • MapContext.setCenterOffset
    收藏
    我的收藏

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

    设置地图中心点偏移，未设置时默认偏移为 [0.5, 0.5]。

    前提条件无
    业务背景无
    使用限制无
    注意事项
    • Tip: 该 API 不影响用户手势操作地图的具体效果，只在动态设置地图属性或者使用地图 getCenterLocation 和 moveToLocation 时起作用；
    • Tip: iOS 不支持该 API；
    • Tip: 开发者工具暂不支持调试该 api，请在真机上调试。
    支持沙盒
    否
    相关教程无

    语法

    MapContext.setCenterOffset(options)

    参数说明

    options 为 object 类型，属性如下：

    属性名类型默认值必填说明最低支持版本
    offsetArray<number>是
    中心点偏移量，两位数组，以地图左上角为原点，offset[0] 表示 x 轴偏移量相对于地图容器宽度的比例，offset[1] 表示 y 轴偏移量相对于地图容器高度的比例，数值范围都是 [0.25, 0.75]
    		2.42.0
    successfunction否
    接口调用成功的回调函数
    		2.42.0
    failfunction否
    接口调用失败的回调函数
    		2.42.0
    completefunction否
    接口调用结束的回调函数（调用成功、失败都会执行）
    		2.42.0

    回调成功

    object 类型，属性如下：

    属性名类型说明最低支持版本
    errMsgstring
    "MapContext.setCenterOffset:ok"
    		2.42.0

    回调失败

    object 类型，属性如下：

    属性名类型说明最低支持版本
    errMsgstring
    "MapContext.setCenterOffset:fail" + 详细错误信息
    		2.42.0

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    <map id="myMap" style="width: 100%; height: 400px;"></map>
<view>
  <button bindtap="setCenterOffset" type="primary">设置地图中心点偏移</button>
</view>
    Page({
  onReady(e) {
    this.mapCtx = tt.createMapContext("myMap");
  },
  setCenterOffset() {
    this.mapCtx.setCenterOffset({
      offset: [0.3, 0.7], // 此处设置中心点位于地图的左下方
      success(res) {
        console.log("设置中心点成功", res.errMsg);
      },
    });
  },
});