CarTrack
依赖于天地图的D3.js支持库,以SVG的形式对车辆行驶位置及轨迹进行实时跟踪和动态展示。实现车辆沿路线运动,并有暂停等功能。注:chrome、safari、IE9及以上浏览器。
CarTrackOptions属性
| 属性 | 类型 | 默认值 | 说明 |
| interval | Number | 1000 | 从当前节点到下一节点的时间间隔。 |
| speed | Number | 0 | 米/秒 |
| 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, } | 车辆轨迹线样式。 |
| arrowStyle | object | { display:true, offset:30, repeat:60, pixelSize:8, headAngle:75, color:"#fff", weight:3 } | 轨迹箭头样式。 |
| passedLineColor | String | "#0000ff" | 已通过路线颜色。 |
| notPassedLineColor | String | "#ff0000" | 未通过路线颜色。 |
| loop | Boolean | false | 是否循环播放。 |
| passOneNode (lnglat:LngLat, index:Number, length:Number) | function | null | 车辆移动一次时触发调用的方法 Lnglat:经过的坐标 index:节点序号。 length:总节点数量。 |
构造函数
| 构造函数 | 说明 |
| CarTrack(map:Map,opt:CarOverlayOptions) | 构建车辆的div元素,和轨迹节点的Svg元素。 |
方法
| 方法 | 返回值 | 说明 |
| start() | 无 | 车辆开始或者继续移动。 |
| stop() | 无 | 车辆停止移动。 |
| pause() | 无 | 车辆暂停移动。 |
| clear () | 无 | 清除所有绘制的元素,并注销相关地图事件。 |
| setSpeed(speed:Number) | 无 | 动态设置车辆速度,单位:米/秒。 |
| toggleTrack(visible:Boolean) | 无 | 控制轨迹显示/隐藏。 |
| refresh() | 无 | 当地图缩放/平移时,重新预计算线段长度并刷新轨迹。 |