【摘要】：WebGIS是網(wǎng)絡(luò)技術(shù)和GIS技術(shù)相結(jié)合的產(chǎn)物，它推動了GIS在更大范圍內(nèi)的應(yīng)用和普及。同時網(wǎng)絡(luò)技術(shù)的發(fā)展也促進(jìn)了WebGIS的發(fā)展。通常為了實現(xiàn)一個交互能力強、用戶體驗好的WebGIS會運用到的Flex、Silverlight等技術(shù)，而更多的摒棄HTML技術(shù)。但是隨著HTML5標(biāo)準(zhǔn)的發(fā)布，WebGIS的發(fā)展又出現(xiàn)了一個新的契機(jī)。因為HTML5以無插件的方式提供很多的API提高了網(wǎng)頁的交互能力和用戶體驗?zāi)芰σ赃_(dá)到甚至更優(yōu)于Flex等技術(shù)。本文結(jié)合HTML5的良好的特性做了如下工作： 首先，論文詳述了HTML5的特性。根據(jù)這些特征選用了服務(wù)器端與客戶端相結(jié)合的混合構(gòu)造模式，作為實現(xiàn)基于HTML5的WebGIS的構(gòu)造模式。深入分析了OGC的Web地理信息服務(wù)，，尤其是討論了如何使用Filter Encoding進(jìn)行空間數(shù)據(jù)的過濾輸出。 其次，本文對比并分析了WebSocket技術(shù)和Ajax技術(shù)，并總結(jié)出了它們各自在WebGIS的使用范圍。另外，結(jié)合HTML5支持本地存儲功能本文初步的實現(xiàn)了一個支持空間矢量數(shù)據(jù)的緩存，加速矢量數(shù)據(jù)的獲取和顯示。 第三，使用JavaScript語言對CanvasAPI進(jìn)行面向?qū)ο蠓庋b，封裝成不同的要素類，這樣便于地圖的繪制和管理，也降低CanvasAPI使用的難度。由于Canvas中繪制的圖形不存在于網(wǎng)頁的DOM中，于是模擬2級DOM事件實現(xiàn)Canvas中圖形要素對事件的響應(yīng)。另外分別使用服務(wù)器端方法和客戶端方法實現(xiàn)了緩沖區(qū)分析并進(jìn)行了簡單的比較。 最后，結(jié)合上述研究開發(fā)一個基于HTML5的Web地理信息原型系統(tǒng)。系統(tǒng)采用PHP和JavaScript作為開發(fā)語言，使用Apache作為Web服務(wù)器，并采用了以PostGIS作為數(shù)據(jù)源GeoServer作為空間服務(wù)器。 論文通過基于HTML5的WebGIS的實現(xiàn)，驗證了HTML5技術(shù)的在地理信息中的應(yīng)用，通過系統(tǒng)的運行發(fā)現(xiàn)了系統(tǒng)存在的不足，提出了對今后研究工作的展望。
[Abstract]:WebGIS is a combination of network technology and GIS technology. It promotes the application and popularization of GIS in a wider range. At the same time, the development of network technology also promotes the development of WebGIS. Generally, in order to achieve a strong interactive ability, good user experience of WebGIS will be used in the Flex,Silverlight and other technologies, and more abandoned HTML technology. However, with the release of HTML5 standard, there is a new opportunity for the development of WebGIS. Because HTML5 provides a lot of API in a non-plug-in way, it improves the interactive ability and user experience ability of web pages to achieve or even better than Flex and other technologies. In this paper, the good characteristics of HTML5 are described as follows: firstly, the characteristics of HTML5 are described in detail. According to these characteristics, the hybrid construction pattern of server-side and client-side is selected as the construction pattern of implementing WebGIS based on HTML5. This paper deeply analyzes the Web geographic information service of OGC, especially discusses how to use Filter Encoding to filter spatial data. Secondly, this paper compares and analyzes the WebSocket technology and the Ajax technology, and summarizes the scope of their use in WebGIS. In addition, combined with the local storage function of HTML5, a cache of spatial vector data is preliminarily implemented to accelerate the acquisition and display of vector data. Thirdly, we use JavaScript language to encapsulate CanvasAPI object-oriented and encapsulate it into different feature classes, which is convenient for map drawing and management, and also reduces the difficulty of using CanvasAPI. Since the graphics drawn in Canvas do not exist in the DOM of web pages, the response of graphic elements to events in Canvas is realized by simulating the level 2 DOM events. In addition, the buffer analysis is implemented using server-side method and client-side method, and a simple comparison is made. Finally, a Web geographic information prototype system based on HTML5 is developed based on the above research. The system uses PHP and JavaScript as the development language, Apache as the Web server, and PostGIS as the data source, GeoServer as the spatial server. Through the implementation of WebGIS based on HTML5, this paper verifies the application of HTML5 technology in geographic information, finds out the shortcomings of the system through the operation of the system, and puts forward the prospect of future research work.
【學(xué)位授予單位】：江西理工大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2013
【分類號】：P208;TP311.52

【參考文獻(xiàn)】

相關(guān)期刊論文 前9條

1 李燁民;;基于HTML5的前端本地化存儲技術(shù)[J];成都大學(xué)學(xué)報(自然科學(xué)版);2012年01期

2 吳曉東;王鵬;;Html5的通信機(jī)制及效率的研究[J];長春理工大學(xué)學(xué)報(自然科學(xué)版);2011年04期

3 李新通,何建邦;GIS互操作與OGC規(guī)范[J];地理信息世界;2003年05期

4 李慧云;何震葦;李麗;陸鋼;;HTML5技術(shù)與應(yīng)用模式研究[J];電信科學(xué);2012年05期

5 徐莎;楊帆;徐昌慶;;基于HTML5的WebGIS的研究與應(yīng)用[J];信息技術(shù);2012年04期

6 趙軍,瞿裕忠;一個基于SVG的GIS及其空間分析技術(shù)[J];計算機(jī)工程與應(yīng)用;2004年01期

7 陳世林;王強;曾夢岐;卿昱;;Web應(yīng)用增強安全模型[J];信息安全與通信保密;2011年09期

8 馬新娜,趙志宏,雷宇,鄭麗娟;網(wǎng)絡(luò)GIS系統(tǒng)中空間數(shù)據(jù)交互的研究與應(yīng)用[J];現(xiàn)代電子技術(shù);2005年10期

9 馬新強;孫兆;袁哲;遲鳳利;;Web標(biāo)準(zhǔn)與HTML5的核心技術(shù)研究[J];重慶文理學(xué)院學(xué)報(自然科學(xué)版);2010年06期

本文編號：2433468