基于SVG图形矢量数据校正匹配的管线横断面生成方法与流程

基于svg图形矢量数据校正匹配的管线横断面生成方法
技术领域
1.本发明涉及管线数字化管理技术领域，具体地，涉及一种基于svg图形矢量数据校正匹配的管线横断面生成方法。


背景技术：

2.目前地下管线数字化管理已经成为城市发展规划的重要部分，通过管线管网数据进行三维和二维可视化也为工作人员提供了极大的便利。但是目前地下管线管理系统生成的二维地下管线横断面信息图不能很好的展现地上信息，例如路面宽度，绿化植被位置，楼宇位置等等，使得地上和地下的位置信息不匹配，同时地上图形缩放后会产生模糊。


技术实现要素：

3.针对现有技术中存在的问题，本发明提供了一种基于svg图形矢量数据校正匹配的管线横断面生成方法，该管线横断面生成方法采用html5 canvas技术，能够动态匹配地上和地下管线信息，利用svg矢量图片，生成同时包含地上和地下管线信息的横断面图片。
4.为实现上述目的，本发明采用如下技术方案：一种基于svg图形矢量数据校正匹配的管线横断面生成方法，具体包括如下步骤：
5.(1)在网页地图上划一条断面线，并获取断面线的坐标位置，前端网页将断面线的坐标位置通过rest接口传送给后端服务；
6.(2)后端服务将断面线的坐标位置与管线数据库中的管线数据进行比对，得到与断面线相交的管线段的基本信息，并计算交点坐标；
7.(3)根据与断面线相交的管线段的基本信息，求取交点的地面高程与管底高程；
8.(4)根据步骤(2)计算的交点坐标，从地上svg图像数据库中动态选取地上数据，并将地上数据返回给前端网页；
9.(5)根据交点坐标、交点的地面高程与管底高程、地上数据，在网页的canvas中从左向右绘制管线横断面图形。
10.进一步地，步骤(1)中断面线的坐标位置以json形式传送给后端服务。
11.进一步地，所述与断面线相交的管线段的基本信息包括：管线段对应的起点坐标、起点的地面高程、起点的管底高程、管线段对应的终点坐标、终点的地面高程、终点的管底高程、管线类型、管径。
12.进一步地，所述交点的地面高程h
x
的计算过程为：
[0013][0014]
其中，hs为起点的地面高程，he为终点的地面高程，xe为终点的横坐标，ye为终点的纵坐标，x
x
为交点的横坐标，y
x
为交点的纵坐标。
[0015]
进一步地，所述交点的管底高程g
x
的计算过程为：
[0016][0017]
其中，gs为起点的管底高程，ge为终点的管底高程，xe为终点的横坐标，ye为终点的纵坐标，x
x
为交点的横坐标，y
x
为交点的纵坐标。
[0018]
进一步地，所述地上数据包括：地上物品的类型、地上物品的宽度、地上物品的位置信息。
[0019]
进一步地，地上数据以json形式返回给前端网页。
[0020]
与现有技术相比，本发明具有如下有益效果：本发明在绘制断面线的同时，根据svg数据库中的地上数据信息，动态选取地上物体图片，并根据长度等信息校正地上物体图片并匹配长度，能够同时展示地上和地下管线信息，让工作人员更加直观地了解到所查询位置的管线信息和所处环境，为管线规划和其他施工提供更好的信息支持。同时，本发明中使用矢量svg图像，可以动态针对生成图像尺寸进行缩放并且保持清晰。
附图说明
[0021]
图1为本发明基于svg图形矢量数据校正匹配的管线横断面生成方法的流程图。
具体实施方式
[0022]
下面结合附图对本发明的技术方案作进一步地解释说明。
[0023]
如图1为本发明基于svg图形矢量数据校正匹配的管线横断面生成方法的流程图，该管线横断面生成方法具体包括如下步骤：
[0024]
(1)在网页地图上划一条断面线，并获取断面线的坐标位置，前端网页将断面线的坐标位置通过rest接口以json形式传送给后端服务，由于json格式为轻量级的数据结构，能够使用较少带宽实现结构化数据传输。
[0025]
(2)后端服务将断面线的坐标位置与管线数据库中的管线数据进行比对，得到与断面线相交的管线段的基本信息，并计算交点坐标；具体地，将管线数据库中管线数据的z轴信息去除后，与断面线进行相交运算，获得所有有交点的管线段以及其交点坐标。本发明中与断面线相交的管线段的基本信息包括：管线段对应的起点坐标、起点的地面高程、起点的管底高程、管线段对应的终点坐标、终点的地面高程、终点的管底高程、管线类型、管径。
[0026]
(3)根据与断面线相交的管线段的基本信息，求取交点的地面高程与管底高程，计算所划断面线与地面之间的距离，减小计算难度。本发明中交点的地面高程h
x
的计算过程为：
[0027][0028]
交点的管底高程g
x
的计算过程为：
[0029][0030]
其中，hs为起点的地面高程，he为终点的地面高程，gs为起点的管底高程，ge为终点
的管底高程，xe为终点的横坐标，ye为终点的纵坐标，x
x
为交点的横坐标，y
x
为交点的纵坐标。
[0031]
(4)根据步骤(2)计算的交点坐标，从地上svg图像数据库中获取地上数据，并将地上数据以json形式返回给前端网页，使得前端网页使用地上数据绘制断面线上地上部分图像。本发明中地上数据包括：地上物品的类型、地上物品的宽度、地上物品的位置信息。
[0032]
(5)根据交点坐标、交点的地面高程与管底高程、地上数据，在网页的canvas中从左向右绘制管线横断面图形，由于是svg图像数据库，可在svg图像数据库中读取到对应的svg图像后，根据地上物品的宽度信息，等比例缩放svg图像到该宽度，再将其绘制到物品对应位置。
[0033]
本发明基于svg图形矢量数据动态校正匹配的管线横断面生成方法生成地上图像信息，如车道宽度、是否有非机动车道、绿化带宽度等，获得断面线下部各类管线所处位置、各管线之间距离。本发明管线横断面生成方法能够让工作人员更加直观地了解到所查询位置的管线信息和所处环境，为管线规划和其他施工提供更好的信息支持。
[0034]
以上仅是本发明的优选实施方式，本发明的保护范围并不仅局限于上述实施方式，凡属于本发明思路下的技术方案均属于本发明的保护范围。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理前提下的若干改进和润饰，应视为本发明的保护范围。


技术特征：
1.一种基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，具体包括如下步骤：(1)在网页地图上划一条断面线，并获取断面线的坐标位置，前端网页将断面线的坐标位置通过rest接口传送给后端服务；(2)后端服务将断面线的坐标位置与管线数据库中的管线数据进行比对，得到与断面线相交的管线段的基本信息，并计算交点坐标；(3)根据与断面线相交的管线段的基本信息，求取交点的地面高程与管底高程；(4)根据步骤(2)计算的交点坐标，从地上svg图像数据库中动态选取地上数据，并将地上数据返回给前端网页；(5)根据交点坐标、交点的地面高程与管底高程、地上数据，在网页的canvas中从左向右绘制管线横断面图形。2.根据权利要求1所述基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，步骤(1)中断面线的坐标位置以json形式传送给后端服务。3.根据权利要求1所述基于svg图形矢量数据动态校正匹配的管线横断面生成方法，其特征在于，所述与断面线相交的管线段的基本信息包括：管线段对应的起点坐标、起点的地面高程、起点的管底高程、管线段对应的终点坐标、终点的地面高程、终点的管底高程、管线类型、管径。4.根据权利要求1所述基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，所述交点的地面高程h
x
的计算过程为：其中，h
s
为起点的地面高程，h
e
为终点的地面高程，x
e
为终点的横坐标，y
e
为终点的纵坐标，x
x
为交点的横坐标，y
x
为交点的纵坐标。5.根据权利要求1所述基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，所述交点的管底高程g
x
的计算过程为：其中，g
s
为起点的管底高程，g
e
为终点的管底高程，x
e
为终点的横坐标，y
e
为终点的纵坐标，x
x
为交点的横坐标，y
x
为交点的纵坐标。6.根据权利要求1所述基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，所述地上数据包括：地上物品的类型、地上物品的宽度、地上物品的位置信息。7.根据权利要求1所述基于svg图形矢量数据校正匹配的管线横断面生成方法，其特征在于，地上数据以json形式返回给前端网页。

技术总结
本发明公开了一种基于SVG图形矢量数据校正匹配的管线横断面生成方法，涉及管线数字化管理技术领域。该管线横断面生成方法通过在网页地图上划断面线，将断面线与管线数据库中进行比对，得到与横断线相交的管线段和交点坐标，求取交点的地面高程和管底高程，同时，根据交点坐标从SVG图像地上数据中动态选取地上数据，在画布上从左向右绘制管线横断面图形。本发明管线横断面生成方法能够动态匹配地上和地下管线信息，利用SVG矢量图片，生成同时包含地上和地下管线信息的横断面图片。地上和地下管线信息的横断面图片。地上和地下管线信息的横断面图片。


技术研发人员：王兆亮 徐恒 吴春争 曹佳
受保护的技术使用者：苏州工业园区测绘地理信息有限公司
技术研发日：2021.09.28
技术公布日：2022/1/21