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

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

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

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

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