基于SVGWebGIS设计和实现.docVIP

基于SVGWebGIS设计和实现 　　摘 要： SVG具有放缩自如、文本独立、显示效果超强、交互控制性强等优点，在WebGIS中有非常强的适用性。先设计了基于SVG的WebGIS系统总体模型，然后对关键技术脚本动态操作SVG方式做了详细分析，最后对此设计模型在交通及物流行业的应用前景做了简要介绍。 关键词： SVG； WebGIS； 脚本； 交互控制 中图分类号： TN911.7?34 文献标识码： A 文章编号： 1004?373X（2013）17?0137?03 0 引 言 随着Internet技术与GIS技术的发展， WebGIS为GIS的发展开辟了新的空间，这有助于GIS信息的高度社会化共享尽早实现。不仅如此，也为GIS信息的提供者和使用者提供了便利，从而更加促进了GIS的快速发展。Internet技术的支持也使WebGIS的优势更加明显，比如WebGIS的信息更新频率更快使得消息到达更加及时、发布速度更快并且范围更广，这些优点使得WebGIS明显优于其他传统地理信息系统。 由于地图数据复杂且数量大，为了保证在客户端能够通过浏览器快捷并高效地查看地图数据，必须在地图数据的处理及显示发布方法上做更多的改进，这为WebGIS的实现带来了更大的挑战。XML技术为Web地图矢量数据的显示发布提供了新的方法，即可缩放矢量图形SVG，它很好地解决了地图数据共享及互操作的关键问题[1?2]。 SVG在WebGIS应用中最显著的优点是地图图像缩放不失真，且地图数据存储文件小。此外，通过结合分布式体系结构，很好地平衡了服务器负载，并充分应用了客户端的处理功能，从而提高了地图数据处理的效率。 1 SVG与WebGIS技术介绍 1.1 WebGIS优势及关键技术 WebGIS访问范围很广泛，这是与较为传统的基于桌面的GIS相比较为明显的优势。即使是多个位于不同位置服务器的最新数据，客户也能够同时访问到。这种Internet/Intranet所特有的优势使得GIS的数据管理避免了不必要的操作，更为便利；除此之外，其软件成本与维护成本均较低；并且操作简单，只需浏览器操作即可。 分布式系统服务器可分散安装于多台机器上，且不受空间限制，只要能通过互联便可。这种方式的优点是分散单个服务器负载，优化了访问速度，这便是基于分布式的WebGIS系统。分布式服务体系结构可以很好地使客户端和服务器端之间的处理负载保持平衡。WebGIS的分布式系统结构如图1所示。 分布式体系结构在一定程度上很好地分担了服务器的数据承载量，但是服务器端的数据量仍没有变化，而基于SVG的WebGIS设计模型则很好地利用了客户端资源，减少了服务器端的数据量，提高了GIS数据的显示与发布效率。 1.2 SVG技术 SVG运用XML语言来描述矢量图形、位图图像和文字，它是按照 W3C 标准基于 XML 的成像模型，它使 Web 开发人员、设计人员和用户能够摆脱 HTML 的限制，并通过一个简单的说明性编程模型创建丰富的视觉内容和交互功能。SVG完全支持文档对象模型，且由程序语言动态生成，并且可以跨平台作业。 SVG提供了大量针对图形、图像、动画的特定标记，大大丰富了网页显示效果，同时减小了文件长度，缩短了传输时间。它还支持脚本语言，尤其是可以创建具有动态的、数据驱动的、交互式图形、图像。它将对图形效果的编辑和显示任务由服务器端移到客户端，可充分利用客户端的资源，从而减轻了服务器的负担。SVG的诸多优点使其非常适合运用于WebGIS[3]。 SVG文档结构样式定义了SVG图元怎样被渲染，描述了一个对象怎样被绘制，以及定义了文本参数、坐标系统、SVG视区、视区坐标系和用户坐标系。 图形对象有直线（line）、路径（path）、圆（circle）、图标（symbol）、文字（text）、图像（image）等。路径是一个图形的轮廓，它的动作有Moveto、lineto、arc等，其交互性通过脚本控制，脚本可以修改对象属性。 SVG 浏览器的上下文环境包含的对象有SVG本身作为 XML 文档所包含的 DOM 对象，还有因浏览器差异而产生的其他对象 [4]。具体对象结构如图2所示。 SVG主要使用的对象变量共有5个，分别是Window、Document、rootElement、contextMunu、element。Window顾名思义，指的是WebGIS浏览器运行窗口，Document主要负责对SVG文档的操作与处理，通过脚本来完成。contextMenu变量的作用与Document类似，只是扩展了鼠标右键操作弹出菜单功能。rootElement和element均是对SVG元素进行操作，