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 () | 无 | 清除所有绘制的元素,并注销相关地图事件。 |