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