为促进河南省地震构造填图成果更好地服务于社会和相关地震地质研究，在填图数据深入加工处理基础上，设计并开发河南省地震构造查询系统。针对传统WebGIS系统加载地图慢、响应时间长的问题，在系统建设中引入矢量切片的思想，对矢量数据进行重新组织，结合HTML5 Canvas技术，对地图数据进行渲染，最终实现矢量数据在浏览器上地快速显示。同时考虑用户需要，实现地震、第四纪活动断层和断层剖面等数据的查询、显示与管理等综合应用。
In order to promote the better application of seismic tectonic mapping in public service and relative research, the seismic structure query system of Henan Province designed and developed based on the deep processing of mapping data. Aiming at the problem of slow loading map and long response time in traditional WebGIS system, in the construction of this system, the vector data is reorganized by introducing the idea of vector slice. Combined with HTML5 Canvas technology, the vector data can finally display on the browser quickly. Considering the need of the users, the comprehensive application of data query, display and management of destructive earthquakes, quaternary active faults and fault sections is realized.
2018,39(4): 193-199 收稿日期：2018-03-14
DOI：10.3969/j.issn.1003-3246.2018.04.027
基金项目：城市活动断层探测与地震危险性评价项目（2017）：洛阳市活动断层数据管理系统建设
作者简介：张扬(1982-),男,工程师,主要从事活动断层探测及数据库建设工作
参考文献：
丁克奎,钟凯文,周旭斌.基于WebSocket和GeoJSON的WebGIS的设计与实现[J].测绘通报,2015,(2):109-112.
冯威丁. 基于Hybrid App的矢量切片数据快速显示研究[J]. 电子技术与软件工程,2017,(14):193-194.
梁春雨,李新通. 使用HTML5 Canvas构建基于GeoJSON的轻量级WebGIS[J]. 计算机科学与应用,2012,2(4):189-196.
刘尧兴,张扬.牢固树立安全发展理念 扎实推进河南省"十三五"地震构造探查[J].城市与减灾,2018,(1):60-65
孙晨龙,霍亮,高泽辉.基于矢量瓦片的矢量数据组织方法研究[J]. 测绘与空间地理信息,2016,39(4):122-124.
孙璐,陈荦,刘露,等. 一种面向服务器制图可视化的矢量数据多尺度组织方法[J]. 计算机工程与科学,2014,36(2):226-232.
王亚平,蒲英霞,刘大伟,等. 基于TileStache的多源投影矢量数据瓦片生成技术研究[J]. 地理信息世界,2015,22(1):77-81.
张志友. 基于瓦片的矢量图幅的分割与合并[D].大连:大连理工大学,2010.
Antoniou V, Morley J, Haklay M. Tiled Vectors:A Method for Vector Transmission over the Web[C]//Proceeding of the 9th International Symposium on Web and Wireless Geographical Information Systems. Maynooth, Ireland Springer-Verlag, 2009:56-71.
Stuart G. HTML5 and the Canvas Element[M]//Introducing JavaScript Game Development. Apress, Berkeley, CA:Springer, 2017:3-16.
