Cmsr 1.0.4

道路状态图层

道路拥堵指数图层

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 红绿灯状态对应回调函数

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

posted @ 2020-11-16 10:03  菜鸟小何  阅读(35)  评论(0编辑  收藏