针对HTML5的WebGIS的分析研究.pdfVIP

摘要 WebGIS 是网络技术和GIS 技术相结合的产物，它推动了GIS 在更大范围内的应用和普及。 同时网络技术的发展也促进了WebGIS 的发展。通常为了实现一个交互能力强、用户体验好的 WebGIS 会运用到的Flex、Silverlight 等技术，而更多的摒弃HTML 技术。但是随着HTML5 标准的发布，WebGIS 的发展又出现了一个新的契机。因为HTML5 以无插件的方式提供很多 的API 提高了网页的交互能力和用户体验能力以达到甚至更优于Flex 等技术。本文结合HTML5 的良好的特性做了如下工作： 首先，论文详述了HTML5 的特性。根据这些特征选用了服务器端与客户端相结合的混合 构造模式，作为实现基于HTML5 的WebGIS 的构造模式。深入分析了OGC 的Web 地理信息 服务，尤其是讨论了如何使用Filter Encoding 进行空间数据的过滤输出。 其次，本文对比并分析了WebSocket 技术和Ajax 技术，并总结出了它们各自在WebGIS 的使用范围。另外，结合HTML5 支持本地存储功能本文初步的实现了一个支持空间矢量数据 的缓存，加速矢量数据的获取和显示。 第三，使用JavaScript 语言对Canvas API 进行面向对象封装，封装成不同的要素类，这样 便于地图的绘制和管理，也降低Canvas API 使用的难度。由于Canvas 中绘制的图形不存在于 网页的DOM 中，于是模拟2 级DOM 事件实现Canvas 中图形要素对事件的响应。另外分别使 用服务器端方法和客户端方法实现了缓冲区分析并进行了简单的比较。 最后，结合上述研究开发一个基于HTML5 的Web 地理信息原型系统。系统采用PHP 和 JavaScript 作为开发语言，使用 Apache 作为Web 服务器，并采用了以PostGIS 作为数据源 GeoServer 作为空间服务器。 论文通过基于HTML5 的WebGIS 的实现，验证了HTML5 技术的在地理信息中的应用， 通过系统的运行发现了系统存在的不足，提出了对今后研究工作的展望。 关键字：WebGIS ；HTML5 ；Canvas ；WebSocket ；Web Storage ；缓冲区分析 I Abstract WebGIS is the product of the combination of network technology and GIS technology.it promote the application and popularization of GIS.The development of network technology also contributed to the development of WebGIS. In order to achieve a strong ability to interact with the WebGIS ,the developers generally have to use Flex, Silverlight, and abandon HTML technology. With the release of the HTML5 standard ,it bring a new opportunity of WebGIS development. HTML5 plug a lot of the API to improve the interactive capabilities of the Webpage, the abilities of the HTML5 is even better than Flex and other technology. The main content and achievement of this paper are showed as follows : Firstly ,the thesis described the HTML5 featues in detail . Based on the HTML5 features, the Server-client mixed tectonic model was selected as