一种WebUI路口模型可视化的方法及系统技术方案

本发明专利技术公开了一种WebUI路口模型可视化的方法及系统，其中涉及的WebUI路口模型可视化的方法，包括：S1.预定义SVG格式路口、路段模型的二维绘图结构；S2.将与路口、路段相关的结构进行基础二维图形组件模块化处理；S3.创建点线面相对应的二维绘图结构的算法；S4.基于创建的算法，将不同形状的路口和路段组织相关的结构进行抽象化处理；S5.分别对不同路口、路段的基础二维图形组件的差异化进行计算调整；S6.使用SVG技术将不同的基础二维图形组件进行拼接，得到路口、路段图形；S7.创建数据结构和事件接口，并使数据结构驱动路口、路段变化以及用户获取操作交互消息的事件；S8.使用image/svg+xml数据格式，将路口、路段的SVG格式序列化为base64字符，并生成路口、路段的电子模型。子模型。子模型。

【技术实现步骤摘要】
一种WebUI路口模型可视化的方法及系统


[0001]本专利技术涉及公共交通可视化的
，尤其涉及一种WebUI路口模型 可视化的方法及系统。

技术介绍

[0002]在公共交通信息应用系统中，路口、路段信息通常使用单元数据方式进行 存储、展示和管理，业主对路口、路段进行维护时，要求对路况、路面设施等 情况了如指掌，通常人为数据理解不同，维护时，也会导致系统脱离现场，出 现维护难度加大。
[0003]现有的公共交通信息应用系统不能辅助人员正确处理路口、路段信息维护， 并且无法动态展示和反映维护前和维护后的路口、路段的实际状况，且不直观。
[0004]如公开号为CN109712236A的专利公开了一种基于SVG地图数据的三维 可视化实现方法，包括以下步骤：绘制SVG标准地图；解析各图层群组，解 析SVG基本图形元素；利用WebGL三维引擎构建三维场景，添加地图模型， 添加对应图标。上述专利虽然可以实现SVG地图数据的三维可视化效果，但 是其依赖Adobe Illusrator(第三方软件)操作生产基础要素，意味着需要投入 大量人本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种WebUI路口模型可视化的方法，其特征在于，包括：S1.预定义SVG格式路口、路段模型的二维绘图结构；S2.将与路口、路段相关的结构进行基础二维图形组件模块化处理；S3.创建点线面相对应的二维绘图结构的算法；S4.基于创建的算法，将不同形状的路口和路段组织相关的结构进行抽象化处理；S5.分别对不同路口、路段的基础二维图形组件的差异化进行计算调整；S6.使用SVG技术将不同的基础二维图形组件进行拼接，得到路口、路段图形；S7.创建数据结构和事件接口，并使数据结构驱动路口、路段变化以及用户获取操作交互消息的事件；S8.使用image/svg+xml数据格式，将路口、路段的SVG格式序列化为base64字符，并生成路口、路段的电子模型。2.根据权利要求1所述的一种WebUI路口模型可视化的方法，其特征在于，所述步骤S2中路口、路段相关的结构包括路口形态、路面标线、路面地标、路面交通标志、路面设施。3.根据权利要求1所述的一种WebUI路口模型可视化的方法，其特征在于，所述步骤S3中创建点的二维绘图结构的算法，表示为：为：点P
(x,y)
位于两线交点位置：其中，P
x
、P
y
表示点P
(x,y)
的任意角位置；O
(x,y)
表示圆心；R表示半径；Angle表示角度；PI表示圆周率；P
i
表示点P
(x,y)
位于两线交点位置；P4
x
、P3
x
、P2
x
、P1
x
表示点1，点2，点3，点4的X坐标值；P4
y
、P3
y
、P2
y
、P1
y
表示点1，点2，点3，点4的Y坐标值。4.根据权利要求3所述的一种WebUI路口模型可视化的方法，其特征在于，所述步骤S3中创建线的二维绘图结构的算法，表示为：其中，D表示点A
(x
,
y)
与点B
(x
,
y)
之间的距离。5.根据权利要求4所述的一种WebUI路口模型可视化的方法，其特征在于，所述步骤S3中创建面的二维绘图结构的算法，表示为：H2＝sin(angle)*c
其中，H1表示等腰三角形底边长；H2表示任意角度等腰三角的弦高；c表示任意角度的等腰三角形的边长。6.一种WebUI路口模型可视化的系统，其特征在于，包括...

【专利技术属性】
技术研发人员：舒杰，宋骞，屈圣凯，
申请(专利权)人：武汉微创光电股份有限公司，
类型：发明
国别省市：