[发明专利]一种道路信息展示与变更方法及系统

权利要求书

1.一种道路信息展示与变更方法，其特征在于，包括：

获取道路信息，所述道路信息包括进出口车道数据、进出口车道名称、道路编码以及道路分隔标识；

基于html、pug、svg技术，对所述道路信息进行处理，得到dom元素布局；

将dom元素布局在客户端解析生成车道形式数据进行展示；

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

所述将dom元素布局在客户端解析生成车道形式数据进行展示，包括：

将所述容器元素g在所述客户端解析生成车道形式数据，包括车道增加图标、车道删除图标、出口车道分隔线、绿化带标识、路段名称、路段操作展示区域、进口车道分隔线、车道方向新增图标、车道方向功能图标、主辅路段合并标识以及黄实线标识；

将所述容器元素div在所述客户端解析生成方向面板，方向面板展示有道路各个方向标识和面板控制标识叉图形，方向面板与车道方向新增图标联动。

2.如权利要求1所述的道路信息展示与变更方法，其特征在于，还包括：

获取车道增加图标和车道删除图标的点击指令，对车道数量进行修改；

获取车道方向或车道方向新增按钮的点击指令，弹出所述方向面板，并获取方向标识的点击指令，以对车道方向进行修改。

3.如权利要求2所述的道路信息展示与变更方法，其特征在于，还包括：

将修改后的车道信息传送互联网平台，以对车道信息进行变更。

4.一种道路信息展示与变更系统，其特征在于，包括信息获取模块、布局模块和展示模块，其中：

信息获取模块用于获取道路信息，所述道路信息包括进出口车道数据、进出口车道名称、道路编码以及道路分隔标识；

布局模块用于基于html、pug、svg技术，对所述道路信息进行处理，得到dom元素布局；

展示模块用于将dom元素布局在客户端解析生成车道形式数据进行展示；

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

所述展示模块具体用于：

将所述容器元素g在所述客户端解析生成车道形式数据，包括车道增加图标、车道删除图标、出口车道分隔线、绿化带标识、路段名称、路段操作展示区域、进口车道分隔线、车道方向新增图标、车道方向功能图标、主辅路段合并标识以及黄实线标识；

将所述容器元素div在所述客户端解析生成方向面板，方向面板展示有道路各个方向标识和面板控制标识叉图形，方向面板与车道方向新增图标联动。

5.如权利要求4所述的道路信息展示与变更系统，其特征在于，还包括道路信息修改模块，用于获取车道增加图标和车道删除图标的点击指令，对车道数量进行修改；

获取车道方向或车道方向新增按钮的点击指令，弹出所述方向面板，并获取方向标识的点击指令，以对车道方向进行修改。

6.如权利要求5所述的道路信息展示与变更系统，其特征在于，还包括道路信息更新模块，用于将修改后的车道信息传送互联网平台，以对车道信息进行变更。