基于HTML5的移動(dòng)船舶監(jiān)控應(yīng)用研究.pdf

1、近年來，隨著移動(dòng)互聯(lián)網(wǎng)以及智能移動(dòng)終端的飛速發(fā)展，基于移動(dòng)電子海圖平臺的各類船舶導(dǎo)航、監(jiān)控和管理應(yīng)用的出現(xiàn)，開辟了電子海圖新的應(yīng)用形式。然而與其他移動(dòng)應(yīng)用一樣，移動(dòng)電子海圖應(yīng)用也大多是針對某一操作系統(tǒng)平臺定制的本地應(yīng)用，開發(fā)者不得不針對不同操作系統(tǒng)甚至是同一系統(tǒng)的不同版本進(jìn)行重復(fù)開發(fā)和適配，跨平臺性成為了其發(fā)展的一個(gè)瓶頸。
　　HTML5的出現(xiàn)，使得Web應(yīng)用可以處理矢量數(shù)據(jù)包括具有位置信息的空間數(shù)據(jù)，為突破智能移動(dòng)終端差異的瓶頸

2、，實(shí)現(xiàn)跨平臺的電子海圖應(yīng)用提供了新的技術(shù)手段和基礎(chǔ)。因此，本文深入研究了基于HTML5的矢量電子海圖顯示以及在其基礎(chǔ)上的移動(dòng)船舶監(jiān)控應(yīng)用，完成的主要工作包括:
　　(1)基于HTML5 Canvas的海圖復(fù)雜符號繪制
　　以錨泊區(qū)為例，根據(jù)S-52顯示標(biāo)準(zhǔn)的要求，研究了利用Canvas API進(jìn)行海圖要素中復(fù)雜線狀符號以及面狀符號的繪制技術(shù)，包括線上符號的組合、翻轉(zhuǎn)以及面中心符號的處理算法等，為符合標(biāo)準(zhǔn)的HTML5海圖顯示奠

3、定了堅(jiān)實(shí)的基礎(chǔ)。
　　(2)移動(dòng)船舶動(dòng)態(tài)監(jiān)控應(yīng)用的實(shí)現(xiàn)
　　針對船舶動(dòng)態(tài)監(jiān)控應(yīng)用的需求，研究了利用Canvas API實(shí)現(xiàn)矢量船舶符號繪制、船舶拾取及信息查詢等技術(shù)，并基于HTML5觸摸接口，研究了海圖的移動(dòng)、縮小、放大以及目標(biāo)船舶點(diǎn)選取等觸控操作，最終完成基于HTML5移動(dòng)船舶動(dòng)態(tài)監(jiān)控應(yīng)用。
　　本文根據(jù)移動(dòng)互聯(lián)網(wǎng)發(fā)展趨勢研究的基于HTML5的船舶動(dòng)態(tài)監(jiān)控應(yīng)用，具有良好的跨平臺特性，能夠突破移動(dòng)操作系統(tǒng)差異帶來的影響