道路状态图层
道路拥堵指数图层
TrafficCongestionIndexLayer类
道路拥堵指数图层,以wms的方式显示拥堵指数,下面接口说明中trafficCongestionIndexLayer
代表类实例。
实例化参数
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
viewer | object | 是 | 无 | initViewer函数的返回值 |
options | object | 是 | 无 | 初始化配置 |
options.mapUrl | string | 是 | dev下的链接 | 拥堵指数图层地址 |
options.interval | number | 是 | 5*60*1000 | 图层刷新间隔时间,单位毫秒 |
options.bufferLayerNumber | number | 是 | 2 | 图层缓冲数 |
示例
var tc = new CMSRMap.TrafficCongestionIndexLayer(viewer);
tc.showLayer();
trafficCongestionIndexLayer.show() -> void
显示图层并且每个间隔时间刷新
trafficCongestionIndexLayer.showLayer() -> void
仅显示图层
trafficCongestionIndexLayer.destroy() -> void
销毁trafficCongestionIndexLayer
红绿灯图层
TrafficLightLayer类
红绿灯图层,以wfs的方式显示箭头,回调函数显示倒计时,下面接口说明中trafficLightLayer
代表类实例。
实例化参数
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
viewer | object | 是 | 无 | initViewer函数的返回值 |
options | object | 是 | 无 | 初始化配置 |
options.trafficLightApi | string | 是 | dev下的链接 | 视图内红绿灯状态 |
options.trafficLightMapUrl | string | 是 | dev下的链接 | 视图内红绿灯位置形状 |
options.trafficLightInterval | number | 是 | 500 | 状态刷新间隔时间,单位毫秒 |
options.coloreConfig | Object | 是 | ColorConfig | 红绿灯状态对应rgba颜色 |
options.trafficLightCallback | function | 是 | trafficLightLayer.trafficLightCallback |
红绿灯状态对应回调函数 |
options.rect | object | 否 | 无 | 经纬度范围,不填为类自行计算当前视窗范围 |
options.rect
{
"maxx": 121.6440805512382,
"maxy": 31.288043569844536,
"minx": 121.5371785699186,
"miny": 31.223225398231587
}
ColorConfig
const ColorConfig = {
unavailable: 'rgba(0,0,0,0)',
dark: 'rgba(0,0,0,0.8)',
flashing_red: 'rgba(255,0,0,0.8)',
red: 'rgba(255,0,0,0.8)',
flashing_green: 'rgba(0,255,0,0.8)',
permissive_green: 'rgba(0,255,0,0.8)',
protected_green: 'rgba(0,255,0,0.8)',
yellow: 'rgba(255,255,0,0.8)',
flashing_yellow: 'rgba(255,255,0,0.8)',
};
示例
var trafficLightLayer = new CMSRMap.TrafficLightLayer(viewer);
trafficLightLayer.show();
trafficLightLayer.show() -> void
显示图层并且每个间隔时间刷新
trafficLightLayer.showTrafficLightLayer() -> void
加载箭头图层
trafficLightLayer.startTrafficLightLoop() -> void
显示红绿灯倒计时,并且每个间隔时间刷新
trafficLightLayer.trafficLightCallback(greenLightInfo, nodeId) -> htmlString
红绿灯倒计时默认回调,自定义可在初始化时配置options,也可重写此方法
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
greenLightInfo | object | 是 | 无 | 红绿灯状态 |
nodeId | number | 是 | 无 | 路口id |
const greenLightInfo = {
countdown: 60, // 倒计时数,单位10分之1秒
position: {
longitude: 120.63614185469,
latitude: 31.4206808696669,
},
}
trafficLightLayer.immediatelyProcessTrafficLightStatus() -> void
刷新一次红绿灯状态
trafficLightLayer.destroy() -> void
销毁trafficLightLayer