您当前的位置: JavaScript API 4.0开源库 >车辆轨迹类参考

CarTrack

依赖于天地图的D3.js支持库,以SVG的形式对车辆行驶位置及轨迹进行实时跟踪和动态展示。实现车辆沿路线运动,并有暂停等功能。注:chrome、safari、IE9及以上浏览器。

CarTrackOptions属性

属性 类型 默认值 说明
interval Number 1000 从当前节点到下一节点的时间间隔。
speed Number 0 一个时间间隔移动的距离,单位是米。 注:speed为0时,按照Datas数组中每个元素的坐标移动。
dynamicLine Bool false 为true时轨迹线随车移动,而变化。 false时,车辆运动轨迹提前画好且无动态变化。
Datas Array<LngLat> [ ] 数据来源。
carstyle object { display:true, iconUrl:"car.png", width:52, height:26 } 车辆样式。
polylinestyle object { display:true, color:"red", width:"3", opacity:0.8, } 车辆轨迹线样式。
passOneNode (lnglat:LngLat, index:Number, length:Number) function null 车辆移动一次时触发调用的方法 Lnglat:经过的坐标 index:节点序号。 length:总节点数量。

构造函数

构造函数 说明
CarTrack(map:Map,opt:CarOverlayOptions) 构建车辆的div元素,和轨迹节点的Svg元素。

方法

方法 返回值 说明
start() 车辆开始或者继续移动。
stop() 车辆停止移动。
pause() 车辆暂停移动。
clear () 清除所有绘制的元素,并注销相关地图事件。