Track.View

用于实现轨迹线的添加、移除和巡航等功能。

构造函数

构造函数	描述
new Track.View(map: Map, options?: Track.trackOptions)	构建函数。实现增加、移除轨迹线等功能。

属性

名称	类型	描述
options	Track.trackOptions	获取设置的轨迹类参数
roadLineMap	Map<string, Track.RoadLine>	获取轨迹类包含的轨迹线

方法

方法	返回	描述
addTrackLine(roadLine: Track.RoadLine)	void	添加轨迹线
removeTrackLine(roadLine: Track.RoadLine)	void	移除轨迹线
focusTrack(roadLine?: Track.RoadLine)	void	设置轨迹线进入巡航模式
getFocusTrack()	Track.RoadLine|undefined	获取当前进入巡航模式的轨迹线
setCruiseOptions(opts: cruiseOptions)	void	设置巡航参数
getCruiseOptions()	Track.cruiseOptions	获取巡航参数
on(type: string, callback: Function)	void	监听事件
fire(type: string, args: any)	void	触发事件
off(type: string, callback: Function)	void	移除事件

Track.trackOptions

轨迹类参数。

参数项	类型	描述
lineLayerOptions	LineLayerOptions	【可选】轨迹线通用样式
cruiseOptions	Track.cruiseOptions	【可选】巡航状态设置

Track.cruiseOptions

巡航状态设置。

参数项	类型	描述
cruisePosition	[number,number]	【可选】移动目标在巡航状态下地图上的固定位置，像素坐标
cruiseLookAt	number	【可选】移动目标在巡航状态下指向方向
fixedLookAt	boolean	【可选】是否固定移动目标指向角度

示例

// 创建轨迹管理实例
const trackView = new Track.View(map, {
  // 轨迹线样式
  lineLayerOptions: {
    strokeColor: '#1869FF',
    strokeWeight: 3,
    strokeOpacity: 0.8
  },
  
  // 巡航设置
  cruiseOptions: {
    cruisePosition: [400, 300], // 屏幕中心位置
    cruiseLookAt: 90, // 朝向东方
    fixedLookAt: true // 固定朝向
  }
});

// 创建轨迹线
const roadLine = new Track.RoadLine({
  path: [
    [116.404, 39.915],
    [116.405, 39.916],
    [116.406, 39.917]
  ]
});

// 添加轨迹线
trackView.addTrackLine(roadLine);

// 进入巡航模式
trackView.focusTrack(roadLine);

// 监听事件
trackView.on('update', (args) => {
  console.log('轨迹更新：', args);
});

// 移除轨迹线
trackView.removeTrackLine(roadLine);