init()

轨迹插件初始化

<script>
  shipTrackControl.init()
</script>

trackSetData(data,options,showTimeTag)

[去看示例]

添加轨迹数据

注意

options.id + options.startTime + options.endTime 是轨迹添加成功后的唯一ID

添加多条轨迹请多次trackSetData

添加多条轨迹请多次trackSetData

若每个options中id、startTime、endTime均相同，会认为是同一条轨迹

参数	说明	类型	可选值	默认值
data	渲染船舶所需的数据 必传	Array	-	null
options	轨迹总览信息 必传	Array	-	null
showTimeTag	默认是否展示时间标签	Boolean		false

data参数结构如下：

参数	说明	类型	默认值	是否必须	备注
cog	航向	Number	-	是	-
lon	船舶所在经度	Number	-	是	请遵照Number最长位数
lat	船舶唯所在纬度	Number	-	是	请遵照Number最长位数
time	船舶更新时间	String	-	是	毫秒级时间戳
sog	航速	Number	-	否	-

options参数结构如下：

参数	说明	类型	默认值	是否必须	备注
id	轨迹ID之一	Number	-	是	-
startTime	轨迹开始时间	Number	-	是	毫秒级时间戳
endTime	轨迹结束时间	Number	-	是	毫秒级时间戳
使用概要

<script>
  const shipTrackData = [
    {
      cog: 124.8,
      sog: 1.2,
      lon: 122.17738,
      lat: 29.95927,
      time: '1764223297000',
    },
    {
      cog: 102.9,
      sog: 2.5,
      lon: 122.1772,
      lat: 29.95936,
      time: '1764223271000',
    },
    {
      cog: 88.9,
      sog: 3,
      lon: 122.17697,
      lat: 29.9594,
      time: '1764223254000',
    },
    {
      cog: 74.3,
      sog: 3.6,
      lon: 122.17674,
      lat: 29.9594,
      time: '1764223240000',
    },
  ]
  let shipTrackControl = new ehhGis.ShipTrack(map)
  shipTrackControl.init()
  shipTrackControl.trackSetData(shipTrackData, { id: 1, startTime: 12, endTime: 1345 }, true)
</script>

removeTrack(id)

根据id移除轨迹

<script>
  shipTrackControl.removeTrack(id)
</script>

hideTrack(id)

根据id隐藏轨迹

<script>
  shipTrackControl.hideTrack(id)
</script>

hideAllTrack()

隐藏轨迹所有轨迹

<script>
  shipTrackControl.hideTrack(id)
</script>

showTrack(id)

根据id展示已添加过的轨迹

<script>
  shipTrackControl.showTrack(id)
</script>

showTrackTimeTag(id)

根据id展示已添加过的轨迹的时间标签

<script>
  shipTrackControl.showTrackTimeTag(id)
</script>

hideTrackTimeTag(id)

根据id隐藏已添加过的轨迹的时间标签

<script>
  shipTrackControl.hideTrackTimeTag(id)
</script>

hideAllTimeTag()

隐藏所有已添加过的轨迹的时间标签

<script>
  shipTrackControl.hideAllTimeTag()
</script>

showAllTimeTage()

展示所有已添加过的轨迹的时间标签

<script>
  shipTrackControl.showAllTimeTage()
</script>