CN108268256A - 一种钻孔柱状图标准化动态网页生成方法 - Google Patents

Abstract

本发明涉及一种钻孔柱状图标准化动态网页生成方法，属于地理信息技术与地址学得交叉领域。其特征是：在Web页面上调取后台服务器数据库的钻孔数据，在绘制页面上，保持图纸比例尺不变，考虑分页情况，采用canvas画布与多个table表格进行联动，有效处理地层岩性图例，对应的岩性描述，及标贯深度的布局问题，在线生成标准格式的钻孔柱状图，并能在Web页面中编辑修改与下载图片格式到用户计算机。

Description

一种钻孔柱状图标准化动态网页生成方法

技术领域：

本发明属于地理信息技术与地质学交叉领域，特别涉及一种钻孔柱状图标准化动态网页生成方法，适用于在基于网络平台的地理信息系统中辅助生成钻孔柱状图。

背景技术：

在地质学和土木工程学科领域钻孔柱状图应用十分广泛，地质工作者一般用CAD，GIS软件人工绘制钻孔柱状图，或使用桌面应用程序，web页面简单程序自不规范的钻孔柱状图。在进行钻孔柱状图自动绘制时，存在三大难点，一是地层岩性图例对应的岩性描述的布局问题。人工绘制钻孔柱状图时，一般采取多次修改的方法。而目前国内自动绘制软件和程序，有的未对该问题进行处理，直接将地层岩性描述起始位置与对应的地层岩性图例开始位置对齐；有的软件进行了处理，但从处理结果看复杂地层可能会出现文字重叠或不是最优化布局。二是Web 程序自动生成钻孔柱状图未考虑常用比例尺的不变，把比例尺作为一个协调条件，来整合整个柱状图，致使图纸不规范。三是自动生成柱状图缺少人工编辑修改。本发明提供了一种基于GIS系统，在Web页面中在线生成标准化钻孔柱状图的方法，此方法采用分页形式，确保图纸比例尺的恒定，通过使用画布和多表格联动处理了地层岩性图例对应的岩性描述的布局问题，在复杂地层内不会出现布局重叠，错位问题，并实现绘制后人工编辑修改功能。

发明内容：

针对现有技术的不足，发明了一种钻孔柱状图标准化动态网页生成方法，确保图纸比例尺恒定，处理了地层岩性图例对应的岩性描述的布局问题，实现在线生成钻孔柱状图，修改和下载柱状图功能。

一种钻孔柱状图标准化动态网页生成方法，包括以下步骤：

(1)在Web页面上点击地图相关钻孔点，通过钻孔号，查询服务器的数据中改钻孔的数据信息，并以Json数组形式返回；

(2)按照标准钻孔柱状图比例，把钻孔的总深度换算为图总高，判断是否大于标准钻孔柱状图高度，确定柱状图图纸页数；

(3)在绘制页面上，创建多个独立的表格，分别用于图头，图尾，标贯试验，岩性描述，地层岩性信息的信息绘制，表格之间的单元格高度，宽度互不影响；各表格填入步骤(1)返回JSon数组相应的数据；

(4)根据不同的地层信息，在后台服务器上调用不同的地层岩性图例；判断成图后岩性信息单元格与对应的岩性文字描述单元格的高度，进行上下调整，使用canvas来衔接，优化布局；

(5)针对所绘制的柱状图，修改HTML的可编辑属性，把修改钻孔柱状图内容传递到Json数组中，修改数组相应的元素，保存修改，使用修改后的JSon 数组再次画图，实现钻孔柱状图的二次编辑与保存；

(6)通过网页截图方式，把完成的柱状图以图片格式下载到本地计算机。

本发明具有以下优点：

(1)一种钻孔柱状图标准化动态网页生成方法，区别于C/S架构的软件，是一种基于B/S架构的在线生成钻孔柱状图的方法，不需要提前在用户上安装相关软件，适应性强，操作简便。

(2)一种钻孔柱状图标准化动态网页生成方法，使用超文本标记语言HTML，样式语言CSS和脚本语言JavaScript来绘制整个Web页面结构，其数据取于后台服务器的数据库，数据与功能及结构分开，有助于提高数据的完整性，安全性。

(3)一种钻孔柱状图标准化动态网页生成方法，使用<canvas>和多个 <table>进行联动，处理地层岩性图例与对应的岩性描述及标贯试验数据的布局问题，优化布局。

(4)一种钻孔柱状图标准化动态网页生成方法，把钻孔柱状图比例尺作为一个强制约束，当地层过多时，使用分页绘制，页面间各表格进行协调，布局优化。

附图说明：

图1本发明一种钻孔柱状图标准化动态网页生成方法实现流程图。

具体实施方式：

下面结合附图对本发明的一个实施例作进一步说明。

一种钻孔柱状图标准化动态网页生成方法，主要包括了：数据的调取，图例的匹配，页数的确定，表格的绘制，布局的优化，结果的保存，具体步骤如下：

(1)把GIS发布在系统上，在Web页面上点击钻孔图件，通过拾取图件的属性数据获取钻孔编号，使用传参代码传递给绘制页面，并使用Ajax方法月数据库进行交互，以Jason数组形式返回到绘制页面。

(2)按照标准钻孔柱状图比例尺换算钻孔的总深度，判断是否需要分页绘制，若需要则将在哪个地层进行剪开，分别位于该页的尾部，与下一页的头部。

(3)钻孔柱状图绘制页面，利用HTML中<table>创建多个表格，分别用于图头，图尾，标贯，岩性描述，地层相关信息的数据录入，在地层信息表格中利用insertRow来逐层填入地层信息，匹配对应的地层图例，同样在岩性描述和标贯试验使用insertRow逐层填入信息。

(4)利用算法，上下调整地层信息，岩性描述和标贯试验的表格，调整岩性文字描述不够写的单元格到其它有富余高度的地层对应位置上；调整岩性文字过少，单元格高度过小的单元格，使其等于对应地层图例的高度；并利用canvas 来画折线进行衔接。

(5)在已生成的柱状图上，点击按钮控件，修改表格属性eontentEditable 的属性值为true，对修改的内容传到对象JSon的位置，修改数组的数值；使用 delete命令删去图主体部分，使用修改后的JSon数组重新绘制图主体部分，并修改图头与图尾信息，实现钻孔柱状图的二次编辑与保存。

Claims (1)

1.一种钻孔柱状图标准化动态网页生成方法，其特征在于包括以下步骤：

(1)通过钻孔号，查询服务器的数据中改钻孔的数据信息，并以Json数组形式返回；

(2)按照标准钻孔柱状图比例，把钻孔的总深度换算为图总高，判断是否大于标准钻孔柱状图高度，确定柱状图图纸页数；

(3)在绘制页面上，创建多个独立的表格，分别用于图头，图尾，标贯试验，岩性描述，地层岩性信息的信息绘制，表格之间的单元格高度，宽度互不影响；

(4)根据不同的地层信息，在后台服务器上调用不同的地层岩性图例；判断成图后岩性信息单元格与对应的岩性文字描述单元格的高度，进行上下调整，使用canvas来衔接，优化布局；

(5)针对所绘制的柱状图，修改HTML的可编辑属性，把修改钻孔柱状图内容传递到Json数组中，修改数组相应的元素，保存修改，使用修改后的JSon数组再次画图，实现钻孔柱状图的二次编辑与保存；

(6)通过网页截图方式，把完成的柱状图以图片格式下载到本地计算机。