一种交通道路路口的信号渠化渲染方法及系统技术方案

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

【技术实现步骤摘要】
一种交通道路路口的信号渠化渲染方法及系统


[0001]本专利技术涉及交通管理
，特别涉及一种交通道路路口的信号渠化渲染方法及系统。

技术介绍

[0002]交通道路路口的渠化图，是道路建设施工、后期维护、调整等各项工程的必备数据。也是研究分析道路现状，进行交通管制，交通信号调优等工作的基础性材料。现有渠化图往往都是一些数据的基础体现，展示一些路口渠化规划时的信息状态。
[0003]其存在的缺陷在于：一是，交通道路路口渠化图信息变更、维护不便，需要专业人员维护，成本高，可控性及操作性较差；二是，路口红绿灯展示只是在路口可以看到红绿灯效果，不能通过渠化图动态展示，无视觉效果；三是，路口辅道信息汇入未作标识不能直接分辨主干道还是辅道。

技术实现思路

[0004]本专利技术的目的在于克服现有技术存在的缺陷，提供一种操作性强、用户体验效果好的信号渠化信息展示方案。
[0005]为实现以上目的，一方面，本专利技术采用一种交通道路路口的信号渠化渲染方法，包括：
[0006]获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；
[0007]根据路口数据，生成dom元素布局；
[0008]将dom元素布局在客户端解析生成单个方向路口的车道数据；
[0009]根据车道所绘宽度生成各个方向路口的斑马线标识；
[0010]基于单个方向路口的车道数据和各个方向路口的斑马线标识，利用transform中的旋转变化效果生成多个路口图形，完成路口渠化图的展示。
[0011]进一步地，所述dom元素布局包括容器元素g和div，容器元素g嵌套有用于构成车道信息的标签元素，容器元素div嵌套有用于img和a
‑
icon标签元素。
[0012]进一步地，所述单个方向路口的车道数据，包括绿化带标识、删除路口下车道图标、路口下车道方向标识、路口下车道增加图标、路口下主辅道路融入的分隔标识、车道与车道间分隔标识、路口下进出口车道黄实线标识、斑马线、路口下进口道道路名称、路口下出口车道名称、方向面板、方向面板触发的增加标识以及路口下的红绿状态标识。
[0013]进一步地，还包括：
[0014]获取路口某一方向上的数据操作信息，确定与该路口方向对应的dom数据结构标识，对该路口方向下的车道数据进行修改。
[0015]进一步地，还包括：
[0016]利用html中的form表单技术，根据所述路口渠化图生成对应路口表单。
[0017]进一步地，还包括：
[0018]将所述路口表单生成的每一文本框作为修改和录入信息的入口，对所述路口渠化图展示信息进行修改。
[0019]另一方面，采用一种交通道路路口的信号渠化渲染系统，：
[0020]数据获取模块用于获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；
[0021]布局模块用于根据路口数据，生成dom元素布局；
[0022]将dom元素布局在客户端解析生成单个方向路口的车道数据；
[0023]标识生成模块用于根据车道所绘宽度生成各个方向路口的斑马线标识；
[0024]渠化图展示模块用于基于单个方向路口的车道数据和各个方向路口的斑马线标识，利用transform中的旋转变化效果生成多个路口图形，完成路口渠化图的展示。
[0025]进一步地，所述dom元素布局包括容器元素g和div，容器元素g嵌套有用于构成车道信息的标签元素，容器元素div嵌套有用于img和a
‑
icon标签元素；
[0026]所述单个方向路口的车道数据，包括绿化带标识、删除路口下车道图标、路口下车道方向标识、路口下车道增加图标、路口下主辅道路融入的分隔标识、车道与车道间分隔标识、路口下进出口车道黄实线标识、斑马线、路口下进口道道路名称、路口下出口车道名称、方向面板、方向面板触发的增加标识以及路口下的红绿状态标识。
[0027]进一步地，还包括信息修改模块，用于获取路口某一方向上的数据操作信息，确定与该路口方向对应的dom数据结构标识，对该路口方向下的车道数据进行修改。
[0028]进一步地，还包括表单生成模块，用于利用html中的form表单技术，根据所述路口渠化图生成对应路口表单；
[0029]相应地，所述信息修改模块用于将所述路口表单生成的每一文本框作为修改和录入信息的入口，对所述路口渠化图展示信息进行修改。
[0030]与现有技术相比，本专利技术存在以下技术效果：本专利技术通过接入互联网平台路口信息数据，在svg、HTML、css、javaScript等技术方案的综合应用下的综合应用将路口数据生成图案布局，并在客户端解析生成渠化图进行展示。除了有较好的体验效果外，操作人员可以直观的通过鼠标操作路口渠化上的增减符号标识，实时修改路口渠化各个车道数量以及车道方向的变化，起到维护路口信息变化的作用。同时，借助互联网平台，实时获取信号机推送的红绿灯信息，动态展示当前车道红绿灯信号，便于信号调控人员非现场调优，便于指挥交通人员可见当前车道红绿灯状态，便于指挥。而主干道与辅道标识的接入，有助于城市规划人与对城市道路流量流入的整体把控与调优。
附图说明
[0031]下面结合附图，对本专利技术的具体实施方式进行详细描述：
[0032]图1是一种交通道路路口的信号渠化渲染方法的流程图；
[0033]图2是某一路口的信号渠化图展示效果图；
[0034]图3是以图2做对比生成的同一路口不同形式下的信号渠化图展示效果图；
[0035]图4是以图2做对比生成的同一路口不同形式下的信号渠化图展示效果图；
[0036]图5是以图2做对比生成的同一路口不同形式下的信号渠化图展示效果图；
[0037]图6是渠化信息与对应路口表单效果展示图；
[0038]图7是渠化信息与对应路口表单效果展示图；
[0039]图8是渠化信息与对应路口表单效果展示图；
[0040]图9是一种交通道路路口的信号渠化渲染系统的结构图。
[0041]图中：
[0042]1.绿化带标识2.删除当前路口下车道图标3.当前路口下车道方向标识4.当前路口下车道增加图标5.当前路口下主辅道路融入的分隔标识6.车道与车道间分隔标识(包括展示的虚线和实线，绿色为辅道融入的注解标识)7当前路口下进出口车道黄实线标识8斑马线9当前路口下进口道道路名称10当前路口下出口车道名称11方向面板12方向面板触发的增加标识13当前路口下的红绿灯状态标识。
具体实施方式
[0043]为了更进一步说明本专利技术的特征，请参阅以下有关本专利技术的详细说明与附图。所附图仅供参考与说明之用，并非用来对本专利技术的保护范围加以限制。
[0044]如图1所示，本实施例公开了一种交通道路路口的信号渠化渲染方法，包括如下步骤S1至S5：
[0045]S1、获本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种交通道路路口的信号渠化渲染方法，其特征在于，包括：获取路口数据，所述路口数据包括单个路口数据、路口编码以及路口与正北方向所产生的角度差；根据路口数据，生成dom元素布局；将dom元素布局在客户端解析生成单个方向路口的车道数据；根据车道所绘宽度生成各个方向路口的斑马线标识；基于单个方向路口的车道数据和各个方向路口的斑马线标识，利用transform中的旋转变化效果生成多个路口图形，完成路口渠化图的展示。2.如权利要求1所述的交通道路路口的信号渠化渲染方法，其特征在于，所述dom元素布局包括容器元素g和div，容器元素g嵌套有用于构成车道信息的标签元素，容器元素div嵌套有用于img和a
‑
icon标签元素。3.如权利要求1所述的交通道路路口的信号渠化渲染方法，其特征在于，所述单个方向路口的车道数据，包括绿化带标识、删除路口下车道图标、路口下车道方向标识、路口下车道增加图标、路口下主辅道路融入的分隔标识、车道与车道间分隔标识、路口下进出口车道黄实线标识、斑马线、路口下进口道道路名称、路口下出口车道名称、方向面板、方向面板触发的增加标识以及路口下的红绿状态标识。4.如权利要求3所述的交通道路路口的信号渠化渲染方法，其特征在于，还包括：获取路口某一方向上的数据操作信息，确定与该路口方向对应的dom数据结构标识，对该路口方向下的车道数据进行修改。5.如权利要求1
‑
4任一项所述的交通道路路口的信号渠化渲染方法，其特征在于，还包括：利用html中的form表单技术，根据所述路口渠化图生成对应路口表单。6.如权利要求5所述的交通道路路口的信号渠化渲染方法，其特征在于，还包括：将所述路口表单生成的每一文本框作为修改和录入信息的入口，对所述路口渠化图展示信息进行修改。7.一种交通道路...

【专利技术属性】
技术研发人员：李圳，王贤峰，张斌斌，王强松，岳彩林，
申请(专利权)人：安徽科力信息产业有限责任公司，
类型：发明
国别省市：