[发明专利]一种交通道路路口的信号渠化渲染方法及系统

说明书

本发明公开了一种交通道路路口的信号渠化渲染方法及系统，属于交通管理技术领域，包括：获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；根据路口数据，生成dom元素布局；将dom元素布局在客户端解析生成单个方向路口的车道数据；根据车道所绘宽度生成各个方向路口的斑马线标识；基于单个方向路口的车道数据和各个方向路口的斑马线标识，利用transform中的旋转变化效果生成多个路口图形，完成路口渠化图的展示。本发明可对路口任一方向车道信息进行修改，如车道数量及方向的修改，实时更新互联信息，操作性强，是集展示操作于一体的新型渠化展示方案。

技术领域

本发明涉及交通管理技术领域，特别涉及一种交通道路路口的信号渠化渲染方法及系统。

背景技术

交通道路路口的渠化图，是道路建设施工、后期维护、调整等各项工程的必备数据。也是研究分析道路现状，进行交通管制，交通信号调优等工作的基础性材料。现有渠化图往往都是一些数据的基础体现，展示一些路口渠化规划时的信息状态。

其存在的缺陷在于：一是，交通道路路口渠化图信息变更、维护不便，需要专业人员维护，成本高，可控性及操作性较差；二是，路口红绿灯展示只是在路口可以看到红绿灯效果，不能通过渠化图动态展示，无视觉效果；三是，路口辅道信息汇入未作标识不能直接分辨主干道还是辅道。

发明内容

本发明的目的在于克服现有技术存在的缺陷，提供一种操作性强、用户体验效果好的信号渠化信息展示方案。

为实现以上目的，一方面，本发明采用一种交通道路路口的信号渠化渲染方法，包括：

获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；

根据路口数据，生成dom元素布局；

将dom元素布局在客户端解析生成单个方向路口的车道数据；

根据车道所绘宽度生成各个方向路口的斑马线标识；

基于单个方向路口的车道数据和各个方向路口的斑马线标识，利用transform中的旋转变化效果生成多个路口图形，完成路口渠化图的展示。

进一步地，所述dom元素布局包括容器元素g和div，容器元素g嵌套有用于构成车道信息的标签元素，容器元素div嵌套有用于img和a-icon标签元素。

进一步地，所述单个方向路口的车道数据，包括绿化带标识、删除路口下车道图标、路口下车道方向标识、路口下车道增加图标、路口下主辅道路融入的分隔标识、车道与车道间分隔标识、路口下进出口车道黄实线标识、斑马线、路口下进口道道路名称、路口下出口车道名称、方向面板、方向面板触发的增加标识以及路口下的红绿状态标识。

进一步地，还包括：

获取路口某一方向上的数据操作信息，确定与该路口方向对应的dom数据结构标识，对该路口方向下的车道数据进行修改。

进一步地，还包括：

利用html中的form表单技术，根据所述路口渠化图生成对应路口表单。

进一步地，还包括：

将所述路口表单生成的每一文本框作为修改和录入信息的入口，对所述路口渠化图展示信息进行修改。

另一方面，采用一种交通道路路口的信号渠化渲染系统，：

数据获取模块用于获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；

布局模块用于根据路口数据，生成dom元素布局；

将dom元素布局在客户端解析生成单个方向路口的车道数据；