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