一种交互式轨道交通运行图构建方法及系统与流程

1.本技术涉及轨道交通运行图构建技术领域，尤其涉及一种交互式轨道交通运行图构建方法及系统。


背景技术：

2.伴随网络化运营，轨道交通对运营维护的要求越来越高，运营维保部门的负担越来越重，对运营维保人员的管理水平、专业知识和技术的需求也相应提升。在网络化运营规模迅速扩大的新形势下，轨道交通运维管理人员的大量增加和粗放的运维管理模式，使得运维成本居高不下，并保持上升态势。整个轨道交通行业呼唤创新管理方式，实现智能运维。
3.充分运用大数据、云计算、无线通信、健康管理等新兴技术的发展推动着轨道交通逐步走向智能化。对轨道交通管理、运输、公众出行等领域以及轨道交通建设管理进行全方位全过程的管控，使轨道交通系统在局部区域、整个城市，甚至更大的时空范围内具备感知、互联、分析、预测、控制等能力，以充分保障轨道交通安全，发挥轨道交通基础设施效能，提升轨道交通系统运行效率和管理水平，为公众的通畅出行和经济的可持续发展服务。
4.轨道交通线网实时运行状况远程监控是智能化运维的核心技术，是实现人与智能运维系统交互的核心应用。通过web浏览器中构建轨道交通运行图，既简化日常工作，又拓展智能运维系统的管理范围，同时大大减少软件的升级维护费用。交通运行图中线路、段场、列车等元素的图形表示与运维数据的可视化展示是智能运维系统输出显示的重要内容。当前轨道交通运行图的实现方式有：1)基于gis地图，这种方式的优点是技术相对成熟，功能相对复杂，但智能运维需要的轨道线路图不一定能得到gis地图的支持，在地铁线路未正式开通时，gis提供的相关功能支持不足；2)基于html5 canvas绘制交互式线路图，这种方式的优点是，绘制过程相对简单，开发效率快。缺点是，在外部dom容器改变时无法自动重新绘制，实现交互功能较难实现。
5.由此可知，上述技术中的web线路图绘制的方法中存在实现复杂、效率低、无法适配需求等问题，因此难以满足实际项目的要求。


技术实现要素：

6.本技术实施例提供了一种交互式轨道交通运行图构建方法及系统，以至少通过本发明解决了轨道交通运行图实现方式复杂、运行图绘制效率低及无法满足实际项目需求等问题。
7.本发明提供了交互式轨道交通运行图构建方法，包括：
8.线路信息图元生成步骤：对线路信息图元进行处理形成交通线路图后，导出所述交通线路图生成svg格式线路信息图元；
9.静态交通线路图生成步骤：将所述svg格式线路信息图元插入web工程，生成静态交通线路图；
10.json格式数据获得步骤：对所述静态交通线路图进行编辑，生成所述svg格式线路信息图元相应的json格式数据后，对所述svg格式线路信息图元与所述json格式数据进行处理，获得最终json格式数据；
11.车辆图标html元素获得步骤：加载获得列车状态信息后，根据所述最终json格式数据，将所述列车状态信息转化为车辆图标html元素。
12.上述的交互式轨道交通运行图构建方法，其中，所述线路信息图元生成步骤包括：
13.通过图形编辑工具编辑生成所述线路信息图元。
14.上述的交互式轨道交通运行图构建方法，其中，所述静态交通线路图生成步骤包括：
15.将所述svg格式线路信息图元插入web工程的html代码中，生成所述静态交通线路图。
16.上述的交互式轨道交通运行图构建方法，其中，所述json格式数据获得步骤包括：
17.通过文本编辑器对所述静态交通线路图进行编辑，生成所述svg格式线路信息图元相应的所述json格式数据；
18.对所述svg格式线路信息图元与所述json格式数据进行关联转换，获得所述最终json格式数据。
19.上述的交互式轨道交通运行图构建方法，其中，所述车辆图标html元素获得步骤包括：
20.对所述列车状态信息进行处理、分类后，从处理后的所述列车状态信息中提取第一位置信息。
21.上述的交互式轨道交通运行图构建方法，其中，所述车辆图标html元素获得步骤还包括：
22.根据所述最终json格式数据中的第二位置信息与所述第一位置信息，将所述列车状态信息转化为所述车辆图标html元素。
23.上述的交互式轨道交通运行图构建方法，其中，所述车辆图标html元素获得步骤还包括：
24.将所述车辆图标html元素挂到所述通线路图中相应的位置；
25.对所述车辆图标html元素与服务器进行绑定，实现用户端与所述服务器的交互操作。
26.本发明还提供交互式轨道交通运行图构建系统，其中，适用于上述所述的交互式轨道交通运行图构建方法，所述交互式轨道交通运行图构建系统包括：
27.线路信息图元生成单元：对线路信息图元进行处理形成交通线路图后，导出所述交通线路图生成svg格式线路信息图元；
28.静态交通线路图生成单元：将所述svg格式线路信息图元插入web工程，生成静态交通线路图；
29.json格式数据获得单元：对所述静态交通线路图进行编辑，生成所述svg格式线路信息图元相应的json格式数据后，对所述svg格式线路信息图元与所述json格式数据进行处理，获得最终json格式数据；
30.车辆图标html元素获得单元：加载获得列车状态信息后，根据所述最终json格式
数据，将所述列车状态信息转化为车辆图标html元素。
31.相比于相关技术，本发明提出了一种交互式轨道交通运行图构建方法及系统，本发明通过svg标签生成轨道交通运行图的静态基本结构，使整个运行图的所有元素可以被javascript控制，使运行图有了可访问性、可操作性、可编程性、可被css样式化等多个优质特性；使用json文件存储svg基本信息，并在svg挂载后，实时获得svg元素实际的位置等信息，提高了系统的灵活性，减少了大量的配置工作，提高了运行图构建效率；列车图标使用html元素，使得整个运行图使用的是html动态 svg静态相结合的架构,html元素可以更好地绑定鼠标点击、悬浮等操作，更容易实现人机交互。
32.本技术的一个或多个实施例的细节在以下附图和描述中提出，以使本技术的其他特征、目的和优点更加简明易懂。
附图说明
33.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
34.图1是根据本技术实施例的交互式轨道交通运行图构建方法流程图；
35.图2是根据本技术实施例的交互式轨道交通运行图构建框架图；
36.图3为本发明的交互式轨道交通运行图构建系统的结构示意图。
37.其中，附图标记为：
38.线路信息图元生成单元：51；
39.静态交通线路图生成单元：52；
40.json格式数据获得单元：53；
41.车辆图标html元素获得单元：54。
具体实施方式
42.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行描述和说明。应当理解，此处所描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。基于本技术提供的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本技术保护的范围。
43.显而易见地，下面描述中的附图仅仅是本技术的一些示例或实施例，对于本领域的普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图将本技术应用于其他类似情景。此外，还可以理解的是，虽然这种开发过程中所作出的努力可能是复杂并且冗长的，然而对于与本技术公开内容相关的本领域的普通技术人员而言，在本技术揭露的技术内容基础上进行的一些设计，制造或者生产等变更只是常规的技术手段，不应当理解为本技术公开的内容不充分。
44.在本技术中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本技术的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域普通技术人员显式地和隐式地理解的是，本技术所描述的实施例在不冲突的情况下，可以与其它实施例相结合。
45.除非另作定义，本技术所涉及的技术术语或者科学术语应当为本技术所属技术领域内具有一般技能的人士所理解的通常意义。本技术所涉及的“一”、“一个”、“一种”、“该”等类似词语并不表示数量限制，可表示单数或复数。本技术所涉及的术语“包括”、“包含”、“具有”以及它们任何变形，意图在于覆盖不排他的包含；例如包含了一系列步骤或模块(单元)的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可以还包括没有列出的步骤或单元，或可以还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本技术所涉及的“连接”、“相连”、“耦接”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电气的连接，不管是直接的还是间接的。本技术所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。本技术所涉及的术语“第一”、“第二”、“第三”等仅仅是区别类似的对象，不代表针对对象的特定排序。
46.本发明提供了一种交互式轨道交通运行图构建方法及系统，解决了轨道交通运行图实现方式复杂、运行图绘制效率低及无法满足实际项目需求等问题。
47.下面结合具体实施例对本发明进行说明。
48.实施例一
49.本实施例还提供了一种交互式轨道交通运行图构建方法。请参照图1至2，图1是根据本技术实施例的交互式轨道交通运行图构建方法流程图；图2是根据本技术实施例的交互式轨道交通运行图构建框架图。如图1至2所示，交互式轨道交通运行图构建方法包括：
50.线路信息图元生成步骤s1：对线路信息图元进行处理形成交通线路图后，导出交通线路图生成svg格式线路信息图元；
51.静态交通线路图生成步骤s2：将svg格式线路信息图元插入web工程，生成静态交通线路图；
52.json格式数据获得步骤s3：对静态交通线路图进行编辑，生成svg格式线路信息图元相应的json格式数据后，对svg格式线路信息图元与json格式数据进行处理，获得最终json格式数据；
53.车辆图标html元素获得步骤s4：加载获得列车状态信息后，根据最终json格式数据，将列车状态信息转化为车辆图标html元素。
54.在实施例中，线路信息图元生成步骤s1包括：
55.通过图形编辑工具编辑生成线路信息图元。
56.在具体实施中，通过图形编辑工具编辑生成车站、线路、站点名等图元后，对各图元进行排版布局设置相关属性，绘制轨道交通线路图，将绘制形成的线路图导出生成svg格式线路信息图元。
57.在实施例中，静态交通线路图生成步骤s2包括：
58.将svg格式线路信息图元插入web工程的html代码中，生成静态交通线路图。
59.在具体实施例中，将svg格式线路信息图元插入web项目的html代码中，生成静态交通线路图。
60.在实施例中，json格式数据获得步骤s3包括：
61.通过文本编辑器对静态交通线路图进行编辑，生成svg格式线路信息图元相应的
json格式数据；
62.对svg格式线路信息图元与json格式数据进行关联转换，获得最终json格式数据。
63.在具体实施中，根据站点线路实际情况，用文本编辑器对进行静态交通线路图编辑，生成svg格式线路信息图元相应的json格式数据后，使用javascript图元信息转换模块将json格式数据和svg格式线路信息图元进行关联转换，完善json数据信息获取最终json格式数据，svg的定位数据和图元半径、长度等数据；
64.其中，svg格式线路信息图元相应的json格式数据包括，各个图元对应的线路角度信息、站点名、svg的类名信息等。
65.其中，最终json格式数据包括，svg的定位数据和图元半径、长度等数据。
66.在实施例中，车辆图标html元素获得步骤s4包括：
67.对列车状态信息进行处理、分类后，从处理后的列车状态信息中提取第一位置信息；
68.根据最终json格式数据中的第二位置信息与第一位置信息，将列车状态信息转化为车辆图标html元素；
69.将车辆图标html元素挂到通线路图中相应的位置；
70.对车辆图标html元素与服务器进行绑定，实现用户端与服务器的交互操作。
71.在具体实施中，从服务器加载实时车辆状态信息订阅websocket相关套餐，从服务器获取车辆状态信息后，通过javascript信息校验模块进行车辆状态信息验证并将其放入状态容器进行维护；web工程的javascript信息分析模块遍历分析从服务器获取的列车状态信息，对列车状态信息进行处理、分类、提取有效的位置数据即第一位置信息，结合最终json格式数据中每个站点的位置信息即第二位置信息，将列车信息转化为车辆图标html元素挂载到运行图的指定位置后，将车辆图标html元素于服务器绑定进行交互操作，实现运行图的可交互性。
72.在正常状态下，由于信息过于密集，运行图只显示列车的故障状态等简略信息，当用户需要了解某个列车详细信息时，需要将鼠标悬浮或点击在具体列车图标html元素进行人与系统交互。
73.实施例二
74.本实施例还提供了一种交互式轨道交通运行图构建系统。图3为本发明的交互式轨道交通运行图构建系统的结构示意图。如图3所示，发明的交互式轨道交通运行图构建系统，适用于上述的交互式轨道交通运行图构建方法，交互式轨道交通运行图构建系统包括：
75.线路信息图元生成单元51：对线路信息图元进行处理形成交通线路图后，导出交通线路图生成svg格式线路信息图元；
76.静态交通线路图生成单元52：将svg格式线路信息图元插入web工程，生成静态交通线路图；
77.json格式数据获得单元53：对静态交通线路图进行编辑，生成svg格式线路信息图元相应的json格式数据后，对svg格式线路信息图元与json格式数据进行处理，获得最终json格式数据；
78.车辆图标html元素获得单元54：加载获得列车状态信息后，根据最终json格式数据，将列车状态信息转化为车辆图标html元素。
79.在实施例中，json格式数据获得单元53包括：
80.javascript图元信息转换模块，通过javascript图元信息转换模块将svg格式线路信息图元与json格式数据进行关联转换，获得最终json格式数据。
81.在实施例中，车辆图标html元素获得单元54包括：
82.javascript信息分析模块，通过javascript信息分析模块对列车状态信息进行处理、分类后，从处理后的列车状态信息中提取第一位置信息。
83.综上所述，本发明提供了一种交互式轨道交通运行图构建方法及系统，本发明通过自定义实现svg可以应对不同需求的场景，解决了gis地图的运行图对于复杂定制需求支持度较低的问题。本发明使用的svg对于javascript和css的兼容性更高，且具有可访问性、可操作性、可编程性、可被css样式化等优质特性，因此，本发明中svg相比于canvas实现城轨图的静态内容更加方便准确。并且本发明中运行图实现采用html动态 svg静态的结构，使得项目的开发周期更低、维护成本更第、系统运行占用资源更少、人机交互实现更加便捷。
84.以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术专利的保护范围应以所附权利要求的保护范围为准。