CN106202156A - 一种基于WebGIS系统的钻孔柱状图在线生成方法 - Google Patents

Abstract

本发明涉及一种基于WebGIS系统的钻孔柱状图在线生成方法，属于地理信息技术与地质学的交叉领域。其特征是：在Web页面操作地图，调取后台服务器中的钻孔数据，在新生成的Web页面中在线生成钻孔柱状图并编辑修改，保存后以jpg格式下载到用户计算机。适用于在基于网络平台的地理信息系统中辅助生成钻孔柱状图。

Description

一种基于WebGIS系统的钻孔柱状图在线生成方法

技术领域：

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

背景技术：

在地质学和土木工程学科领域钻孔柱状图应用十分广泛，为了适应地质学发展与工程建设实际需要，目前出现了许多可用于绘制生成钻孔柱状图的桌面应用程序，这些钻孔柱状图绘制程序主要采用录入数据、转换数据格式的方法来绘制生成钻孔柱状图，只是一种数据转换，很难与GIS结合起来，并实现数据转换与空间数据查询，桌面端的应用程序缺乏开放性、互操性、分布性；为了将柱状图生成技术与GIS结合起来并且增强系统的开放性、互操性、分布性，本发明提供了一种基于WebGIS系统的钻孔柱状图在线生成方法，可实现全球范围内任意一个WWW节点的用户同时访问WebGIS系统，并在该系统中查询空间数据，在线生成钻孔柱状图。

发明内容：

针对现有技术的不足，发明了一种基于WebGIS系统的钻孔柱状图在线生成方法，可以通过在WebGIS系统中操作钻孔图元，查询钻孔信息，在线生成钻孔柱状图，实现在线绘制、编辑、保存以及下载钻孔柱状图的功能。

一种基于WebGIS系统的钻孔柱状图在线生成方法，包括以下步骤：

(1)基于ArcGIS平台，将钻孔数据以GIS矢量数据的形式发布为网络服务，供WebGIS调用，用于显示钻孔图层、查询钻孔图层属性字段值。

(2)将钻孔详细信息存储于部署在服务器的数据库，通过查询步骤(1)中WebGIS调用的GIS矢量数据的某字段值，以该字段值为主键从数据库检索，匹配相应钻孔点的钻孔数据，并以Json数组格式返回。

(3)将图例图片存储于后台服务器，用于图例的匹配；

(4)通过在Web页面中用HTML标签绘制钻孔柱状图表格，填入步骤(2)返回的Json数组格式钻孔数据，完成钻孔柱状图的绘制。

(5)针对所绘制的钻孔柱状图，修改钻孔柱状图所涉及的HTML标签的可编辑属性，前端修改钻孔柱状图表格内容，并以表单的方式，将修正值递交到后台，实现钻孔柱状图的二次编辑与保存。

(6)通过网页截图的方式，以jpg格式下载钻孔柱状图到本地计算机。

本发明具有以下优点：

(1)一种基于WebGIS系统的钻孔柱状图在线生成方法，区别于C/S架构的软件，是一种基于B/S架构的在线生成钻孔柱状图的方法，不需要在用户计算机上提前安装，步骤简单，操作快捷。

(2)一种基于WebGIS系统的钻孔柱状图在线生成方法，根据后台服务器的数据在Web页面在线生成钻孔柱状图，不需要在前端录入数据。

(3)一种基于WebGIS系统的钻孔柱状图在线生成方法，钻孔数据取于后台服务器，用于Web页面的js脚本计算，实时生成钻孔柱状图，钻孔柱状图与后台服务器数据可同步更新，实现将数据跟功能分离，有利于数据的管理。

附图说明：

图1本发明一种基于WebGIS系统的钻孔柱状图在线生成方法数据关系图

图2本发明一种基于WebGIS系统的钻孔柱状图在线生成方法实现流程图

具体实施方式：

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

一种基于WebGIS系统的钻孔柱状图在线生成方法，主要包括：数据的储存、调取、读入，地层表格高度的计算，图例的选择，结果的保存，具体步骤如下：

(1)基于ArcGIS平台，利用钻孔属性数据制作钻孔图层要素，并添加“钻孔编号”属性字段；同时，利用GIS服务平台ArcGIS SERVER将钻孔图层要素发布为图层服务；通过在线地理信息系统(WebGIS)调用该图层服务，实现钻孔图层基于Web客户端的在线显示与属性输出。

(2)将钻孔数据录入数据库，其中，钻孔数据包括钻孔基本信息和钻孔详细信息两类：钻孔基本信息包含钻孔位置坐标、钻孔深度、钻孔标高、静止水位、开孔日期和终孔日期等数据，用于描述钻孔的基本情况；钻孔详细信息包含年代与成因、层序号、地层厚度、层底高程、图例名和地层描述等数据，用于描述该钻孔点每一层地层的详细信息。

(3)WebGIS地图钻孔图层与钻孔数据的交互方式：在WebGIS系统界面上点击钻孔图元，通过拾取图元属性数据获得钻孔编号信息；基于window.open页面调取方法，在点击获取图元信息时触发柱状图绘制结果显示页面，并使用Url传参技术将钻孔编号信息传递至绘制页面；利用Ajax方法与数据库进行交互，依据钻孔编号信息检索数据库，获取对应的钻孔数据；所获取钻孔数据为Json数组格式，其中第一个元素为描述钻孔基本信息的Json格式数据；第二个元素至最后一个元素为各地层详细信息所组成的Json格式数据，且按地层层号排列。

(4)钻孔柱状图结果页面的设计：利用table、tr、td标签构建一个HTML页面，用于显示钻孔柱状图绘制结果；基于钻孔柱状图基本样式要求，所绘制钻孔柱状图表格分为基本信息显示区和详细信息显示区；首先通过读取钻孔基本信息绘制三行固定表格区域，以填写钻孔基本信息；利用document.createElement及appendChild方法自定义名为AddOneLine的函数，其参数为各地层信息，运行结果为新增的填入地层信息的一行表格；并设置一个button按钮，作为表格contentEditable属性修改的控件，来调整表格的可编辑性。

(5)在WebGIS系统中，点击钻孔图层的控件，激活图层的visible属性，让钻孔图在地图上从隐藏变成可见。

(6)在地图上找到要查询的钻孔点，点击该钻孔点，通过Url将钻孔编号传入钻孔柱状图结果页面，在钻孔结果界面中，用ajax方法基于钻孔编号对数据库进行检索，匹配完毕，数据库返回该编号钻孔的Json数组格式的钻孔数据。

(7)在钻孔柱状图结果页面中，调用步骤(6)中返回的Json数组，将钻孔信息分别填入钻孔柱状图表格的相应的位置，完成钻孔基本信息的填充；用AddOneLine函数外套循环语句，逐条生成等同于地层数量的行数，并填入Json数组中的地层信息，完成每层土的绘制；根据该Json数组中的图例名匹配服务器中的图例图片，以背景的方式填充表格绘制图例，完成钻孔柱状图的绘制；基于地层的厚度，按比例计算地层表格高度，其中钻孔柱状图总高度设定为某一固定值，每一层土的地层表格高度通过比例尺计算求得，公式如下：

土层表格高度＝土层实际宽度×比例尺K

(8)在已生成钻孔柱状图的Web页面上，点击控件，激活表格对象的contentEditable属性为true，可以对钻孔柱状图表格的内容进行二次编辑。

(9)编辑完成后，点击保存按钮，结束对钻孔柱状图表格内容的修改，通过表单将数据递交到后台服务器，并保存到数据库；然后再点击下载，通过html2canvas类库提供的方法，将修改后的钻孔柱状图截图，以jpg格式保存到用户计算机。

Claims (1)

1.一种基于WebGIS系统的钻孔柱状图在线生成方法，其特征在于：在WebGIS系统中，操作钻孔图元，查询钻孔信息，在线生成钻孔柱状图，实现在线绘制、编辑、保存以及下载钻孔柱状图的功能，包括以下步骤：

(1)基于ArcGIS平台，将钻孔数据以GIS矢量数据的形式发布为网络服务，供WebGIS调用，用于显示钻孔图层、查询钻孔图层属性字段值；

(2)将钻孔详细信息存储于部署在服务器的数据库，通过查询步骤(1)中WebGIS调用的GIS矢量数据的某字段值，以该字段值为主键从数据库检索，匹配相应钻孔点的钻孔数据，并以Json数组格式返回；

(3)将图例图片存储于后台服务器，用于图例的匹配；

(4)通过在Web页面中用HTML标签绘制钻孔柱状图表格，填入步骤(2)返回的Json数组格式钻孔数据，完成钻孔柱状图的绘制；

(5)针对所绘制的钻孔柱状图，修改钻孔柱状图所涉及的HTML标签的可编辑属性，前端修改钻孔柱状图表格内容，并以表单的方式，将修正值递交到后台，实现钻孔柱状图的二次编辑与保存；

(6)通过网页截图的方式，以jpg格式下载钻孔柱状图到本地计算机。