在网络不断普及的同时,Web技术不断地发展与成熟,Web应用所能实现的功能也越来越多,并以其便捷、实时、易于更新等特点逐步替代了原有的应用模式。由于移动设备的智能化,尤其是近年来以iOS、Andriod等作为系统的移动端的推广,许多曾经只能由PC完成的功能都逐渐在手机或Pad等移动设备上成功的实现,并且拥有易操作,价格低等特点。同时,随着航海业务的不断拓展,海上工作的复杂程度也与日俱增,对海图信息系统的要求变得更加注重实时性、便捷性和共享性。因此不论是航行者还是岸上的船只拥有者都希望能有一套使用基于标准格式、高性价比、提供实时信息的便携式的电子海图信息系统,为了满足这种要求本文将对以SVG矢量图实现WebECDIS在iOS系统移动端的方法进行研究,以实现这一诉求。本文针对WebECDIS涉及到的带宽、处理及离线支持等问题对进行研究,提出了使用B\S和C\S相结合的架构模式,通过这种架构合理利用带宽,降低系统对硬件的使用要求。使WebECDIS通过服务器端可以进行实时更新结算的同时,还能保证在离线状态时也能通过Web技术实现GIS应用的基本功能。研究中还针对系统的数据组织模式和数据结构的转换,实现了将标准的S-57格式海图中不便于理解读取的海图信息进行转换、分析和处理,生成跨平台浏览器的通用文本形式,并通过xsl技术将海图信息数据通过SVG矢量格式图形进行显示。根据这一方法使客户端直观的拥有海图中的具体信息,方便使用者对其进行个性化的设计和管理。在保证精度的同时,将海图信息系统快速、实时的显示出来。针对当前海图格式繁多不一的现状,研究讨论使用符合w3c标准的SVG、CSS、Java Script、DOM、HTML等技术完成系统的设计工作。通过对标准文件类型的使用,在满足WebECDIS的基本要求的条件下保证了开源的性质,为使用者及开发者提供了良好的个性化设置和二次开发基础。