开发
API

MapContext.translateMarker

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

平移 marker,带动画。

语法

MapContext.translateMarker(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
markerIdnumber指定标记物的 id2.34.0
destinationLngLat指定 marker 移动到的目标点2.34.0
autoRotatebooleanfalse移动过程中是否自动旋转 marker2.34.0
rotatenumber0marker 的旋转角度2.34.0
moveWithRotatebooleanfalse平移和旋转同时进行2.34.0
durationnumber1000动画持续时长,单位为毫秒,平移与旋转分别计算2.34.0
animationEndfunction动画结束回调函数, 无参回调2.34.0
successfunction接口调用成功的回调函数2.34.0
failfunction接口调用失败的回调函数2.34.0
completefunction接口调用结束的回调函数2.34.0

LngLat 类型说明

object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
longitudenumber经度2.34.0
latitudenumber纬度2.34.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"translateMarker:ok"2.34.0

回调失败

object 类型,属性如下:

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

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<map id="myMap" style="width: 100%; height: 400px;" markers="{{markers}}"></map>
<view>
  <button bindtap="translateMarker1" type="primary">平移 marker 到位置 1</button>
  <button bindtap="translateMarker2" type="primary">平移 marker 到位置 2</button>
</view>
Page({
  data: {
    markers: [
      {
        id: 1,
        latitude: 23.099994,
        longitude: 113.32452,
      },
    ],
  },
  onReady() {
    this.mapCtx = tt.createMapContext("myMap", this);
  },
  translateMarker1() {
    this.mapCtx.translateMarker({
      markerId: 1,
      destination: {
        latitude: 23.199994,
        longitude: 113.32452,
      },
      animationEnd() {
        tt.showToast({
          title: "平移结束",
        });
      },
    });
  },
  translateMarker2() {
    this.mapCtx.translateMarker({
      markerId: 1,
      destination: {
        latitude: 23.099994,
        longitude: 113.42452,
      },
      animationEnd() {
        tt.showToast({
          title: "平移结束",
        });
      },
    });
  },
});

Bug & Tip

  • Tip: 开发者工具暂不支持调试该 api,请在真机上调试。
点击纠错
评价此篇文档