基于HTML5的矢量電子海圖服務研究.pdf

1、隨著航運的需要與互聯(lián)網技術的快速發(fā)展，Web電子海圖隨之應運而生。然而，隨著用戶對Web電子海圖的使用和交互體驗的要求越來越高，傳統(tǒng)的Web電子海圖技術已漸漸難以滿足用戶的需求。一方面，基于柵格數據的Web電子海圖在海圖信息分析和交互能力上存在明顯的缺陷;另一方面，一些基于插件的Web矢量電子海圖顯示技術，又存在著需要下載安裝、難以跨平臺跨瀏覽器以及帶來不安全隱患等問題。HTML5的出現為解決上述問題，構建矢量化、跨平臺、跨瀏覽器的We

2、b電子海圖服務提供了一種新方法。
　　 本文針對傳統(tǒng)Web電子海圖服務存在的問題，結合HTML5的Canvas、WebSocket等諸多新特性，對基于HTML5的矢量電子海圖服務及相關應用進行了深入的研究，完成的主要工作如下:
　　 (1) Web矢量電子海圖數據的組織
　　 比較分析了各種海圖數據組織形式，選擇Shapefile作為進行Web矢量海圖服務的數據傳輸格式。研究了利用JavaScript讀取Shap

3、efile格式的海圖數據的方法，以在線獲取海圖數據中的各種點、線以及面物標的地理空間信息和屬性值。
　　 (2)基于HTML5 Canvas的矢量電子海圖繪制
　　 基于Shapefile數據，結合HTML5 Canvas繪圖機制和參照S-52/CJ-52海圖顯示規(guī)范，設計并實現了基于Canvas的海圖點符號、線符號以及面符號的繪制與渲染。
　　 (3)基于HTML5 WebSocket的船舶實時監(jiān)控
　　

4、 基于Node.js和PostgreSQL數據庫設計并實現了矢量電子海圖服務的HTTP服務器以及進行船舶動態(tài)監(jiān)控應用的WebSocket服務器。利用HTML5支持的WebSocket接口實現了服務器端與Web客戶端實時雙向通信，在矢量電子海圖顯示的基礎上實現了船舶動態(tài)的實時繪制。
　　 本文順應Web技術發(fā)展的潮流和趨勢，提出了一種新型的基于HTML5的Web電子海圖服務方式，拓寬了Web電子海圖服務研究的思路，對其實現更多的