html5 船,基于HTML5的移动船舶监控应用研究

摘要：

近年来,随着移动互联网以及智能移动终端的飞速发展,基于移动电子海图平台的各类船舶导航、监控和管理应用的出现,开辟了电子海图新的应用形式。然而与其他移动应用一样,移动电子海图应用也大多是针对某一操作系统平台定制的本地应用,开发者不得不针对不同操作系统甚至是同一系统的不同版本进行重复开发和适配,跨平台性成为了其发展的一个瓶颈。HTML5的出现,使得Web应用可以处理矢量数据包括具有位置信息的空间数据,为突破智能移动终端差异的瓶颈,实现跨平台的电子海图应用提供了新的技术手段和基础。因此,本文深入研究了基于HTML5的矢量电子海图显示以及在其基础上的移动船舶监控应用,完成的主要工作包括:(1)基于HTML5 Canvas的海图复杂符号绘制以锚泊区为例,根据S-52显示标准的要求,研究了利用Canvas API进行海图要素中复杂线状符号以及面状符号的绘制技术,包括线上符号的组合、翻转以及面中心符号的处理算法等,为符合标准的HTML5海图显示奠定了坚实的基础。(2)移动船舶动态监控应用的实现针对船舶动态监控应用的需求,研究了利用Canvas API实现矢量船舶符号绘制、船舶拾取及信息查询等技术,并基于HTML5触摸接口,研究了海图的移动、缩小、放大以及目标船舶点选取等触控操作,最终完成基于HTML5移动船舶动态监控应用。本文根据移动互联网发展趋势研究的基于HTML5的船舶动态监控应用,具有良好的跨平台特性,能够突破移动操作系统差异带来的影响,以较低的开发成本获取良好的应用性能,其不仅在理论方法上具有创新性,而且具有很实际的应用价值。

展开