基于svg的gis的设计与实现 - 广东女子职业技术学院

《基于svg的gis的设计与实现 - 广东女子职业技术学院》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、基于SVG的校园GIS查询功能的设计与实现赵明英(广东女子职业技术学院教务处,广东广州511450)摘要：SVG是近年来发展起来的基于XML的用于描述矢量图形、图像的标准规范,该规范的制定对网上矢量地图数据的共享具有十分重要的意义,基于SVG的矢量地图十分有利于地理空间数据的传播。笔者对SVG作了概述,并详细分析和介绍了一个基于SVG的校园GIS的查询功能的设计与实现。关键词：SVG可缩放矢量图像；GIS地理信息系统；地图中图分类号：P208文献标识码：A文章编号：当前,大多数基于网络的交互式地图应用的开发都是采用以下两

2、种方法:一是Javaapplets;另一种是在服务器端生成栅格地图,再以GIF或JPEG文件格式发送给用户.Javaapplets能较好地实现交互,但对于浏览器和防火墙的兼容性较差.栅格地图对各种网络工具和环境的兼容性较好,但在与地图进行类似缩放、漫游、图层控制等交互时,则需通过服务器以重新生成栅格文件.现在SVG的引入解决了所有这些问题.SVG是一个开放的、HTTP兼容的标准,它允许全交互的地图应用,而无须applets或通过服务器生成.SVG（ScalableVectorGraphics）是一种基于XML的用来描述二

3、维矢量图形和矢量/点阵混合图形的置标语言，是一种全新的矢量图形规范。SVG规范定义了SVG的特征、语法和显示效果，包括模块化的XML命名空间（namespace）和SVG文档对象模型(DOM)。SVG的绘图可以通过动态和交互式方式进行，在实际操作中，则是以嵌入方式或脚本方式来实现的。SVG不仅提供超链接功能，还定义了丰富的事件。由于SVG支持脚本语言（script），可以通过Script编程，访问SVGDOM的元素和属性，即可响应特定的事件，从而提高了SVG的动态和交互性能。SVG实现了图形、图象和文字的有机统一。SVG

4、除了支持HTML中常用的标记，如文本、图象、链接、交互性、CSS的使用、脚本（Script）外，还提供了大量针对图形、图象、动画的特定标记。这就为实现GIS提供了可能。一、实例设计（一）需求分析正如前面引言所述，目前地理信息系统在Web上的部署存在种种缺陷，限制了地理信息系统的开发与应用。为了实现更高效灵活的地理信息发布方法，我们可以利用SVG来构建一个简单的地理信息系统。SVG的特征有：（1）SVG是基于XML标准的，因而使得SVG具有一些先天的优势，它使文件的内容更丰富、更复杂、更容易组成一个完整的信息体。（2）SV

5、G图像是矢量图，图像质量很高，放大、缩小以及各种特效都比点阵图像的表现要好，不会出现锯齿或图像模糊。同时SVG还具有增强的调色板和颜色控制特性，可以提供多达1600万种颜色。（3）SVG具有灵活的文件格式。首先文本可以作为一个独立的层存在；其次SVG更灵活地扩展了图像的文件格式，由三个部分组成：矢量图形、位图和文字。这样SVG可以制作出任何其它图像格式能达到的效果。由于文件格式是文本形式的，可以很容易地在以后任何时候进行修改。而且在页面运行的过程中，也可以对很多部分做及时的修改，其中的图形描述还可以重复使用。（4）由于S

6、VG5文件是以文本的形式存放，所以更改起来非常方便，可以不用任何图像处理工具，仅仅用记事本就可以生成一个SVG图像。（5）SVG支持SMIL（SynchronizedMultimediaIntegration），使得在图片内进行交互成为可能，这是以往的图像所不能做到的。（6）SVG内嵌了图像所出现的文字的字体形状，用户不需要完全下载所有的字体文件，这对中文用户来说相当的便利。基于以上想法，我们可以利用SVG的特性来设计实现一个基于Web的地理信息系统。该系统是一个小型的GIS系统，其主要功能是为用户提供校园信息的查询、检

7、索以及必要的空间分析功能。该系统的基本需求包括：（1）地图要能放大、缩小和平移；（2）用户可以浏览校园建筑的有关信息；（3）对于有历史意义的建筑，要有其详细介绍；（3）可以对建筑物进行分类显示；（4）能够显示道路拓扑，以及道路两旁的建筑。其特点如下：图像可随意缩放、平移，响应速度快；具有图像超链接功能，点击相应地理单元即可显示其信息，而且具有一定的空间分析能力；B/S结构，客户端要求低，只需有一个支持SVG的浏览器即可访问。（二）数据结构校园中道路和建筑对应到SVG中就是一系列的折线和任意多边形。为了建立对应关系，这时可

8、以利用SVG中元素的ID属性，例如：……，这样在实际应用中利用元素的ID属性就能清楚地知道某个或某组图形对应到具体实物，从而达到识认空间对象的目的。补充说明一下组元素g，它对于GIS的应用很关键，因为它可以把一组相关的图形元素封装起来使其逻辑上成为一个整体。利用元素的ID属性，知道了某个