基于SVG小区域网络地图发布.docVIP

基于SVG小区域网络地图发布摘要：本文介绍了SVG(Scalable Vector Graphics)在小区域网络地图开发中的优势。以SVG作为地图数据的组织形式，学校地图数据为例，设计了一个小区域网络地图发布系统，并介绍了其发布过程。 关键词：SVG；WebGIS；地图发布；地理信息系统 中图分类号：P208 文献标识码：A 文章编号：1007-9599 (2012) 08-0000-02 一、引言 近年来，基于网络的电子地图发布发展非常快，且已经融入了人们的生活。人们习惯于外出前通过网络获取地图、位置等地理信息，到陌生的地域用智能手机了解附近的情况。那么对于学校、风景区、住宅小区等，建立小型网络地理信息系统（WebGIS）就变得非常必要。 当前成熟的网络地图发布系统很多，如MapInfo公司的MapXtreme、ESRI公司的ArcIMS、Autodesk公司的MapGuide等等。这些著名的公司提供的系统固然具有强大的性能，但是其动辄几十万的售价注定其不适合小型的网络地图发布。再者在以上大型软件平台上进行二次开发调试所耗费的时间也是比较长的。正是基于以上考虑，选择一个免费且易于开发的WebGIS系统变得理所当然。所以本文就选择SVG来进行小区域网络地图发布。 SVG是可升级矢量图形（Scalable Vector Graphics）的简称，它是由W3C制定的基于可扩展标记语言(XML)，用来描述二维矢量图形和矢量点以及阵混合图形的标记语言（Markup language），是一种全新的矢量图形规范。 在SVG中，图像可以由简单的形状（如矩形、圆、直线）或用数学方法指定的更复杂的路径组成。然后可以将这些图像嵌入在Web页面中，通过SVG查看器，或者支持SVG的浏览器来浏览。SVG具有以下特点： （一）采用文本来描述图形 在SVG中图形是以文本的形式存在的，这就为我们在地图中进行查找，进行编辑提供了方便。 （二）具有交互性和动态性 在SVG中可以插入声音、动画、链接，这就为我们的地图提供了很强的表现能力。 （三）完全支持DOM(文档对象模型) DOM允许程序或脚本动态的存储和上传文件的内容、结构或样式。这样SVG就可以通过脚本语言接受外部事件的驱动，例如地图中常用的放大，缩小，平移，查询等。 （四）在手机等无线手持设备上也可以应用 随着3G技术的发展，智能手机等掌上设备的应用越来越广泛，基于SVG的网络地图同样可以在手机等设备上浏览。 二、基于SVG的小型地图发布系统的建立 （一）收集该区域的地图信息 一般情况下小区域内电子地图都是由全站仪或GPS-RTK测得的，以DWG格式的居多。这就存在着由DWG向SVG格式的转换。可通过Adobe公司的Illustrator打开DWG经过编辑优化转换为SVG格式，另外可以通过一些转换软件如DWG to SVG Converter进行转换。因为地图的显示速度与其复杂程度有很大的关系，所以要对生成的SVG文件进行适当的优化，去除一些无用或冗余的信息。 （二）对转换后的SVG文件进行编辑 一般可通过Adobe公司的Illustrator编辑优化SVG格式，该软件转化具有很高的兼容性和可编辑性，也是我们失量地编辑的常用软件。当然SVG以文本的形式存在的，一些高级编辑可以通过文本编辑器如UltraEdit等进行。 SVG文件编辑中的核心问题 （1）图层的控制 在SVG地图浏览器中所运行的矢量地图是以分层的方式进行组织的。把分组元素的ID属性设置为图层的名称如房屋、水系等，这样我们在应用的时候可以很方便地控制地图进行分图层显示，这也是SVG显示地图的优越之处。[1] SVG中提供了元素，代表“Group”(组)，用来将一批特征类似的图像元素定义为一个集合，该组的概念恰好类似于地图中的层。用户可以在客户端通过JavaScript脚本语言来对不同“图层”的图像元素来进行操作。 其基本的操作是在中加入一个属性数据visibility，然后在JavaScript中定义一个功能函数，利用其来控制的属性visibility，将其设成visible时，就显示该图层，反之设成hidden来隐藏该图层。 （2）实现属性数据的查询 在小区域地图里（以某学校为例子）常常需要表示某区域的属性，如例子中的地图要表示运动场的类型，每部分的功能。这些都是经常需要表示的。一般来说，属性数据与图形进行连接有两种方法，即外联法和内嵌法。[2]内嵌法是指将地物的属性数据与几何数据放在同一个分组元素中。外联法是指属性数据与图形数据分开存储。这两种方法前者适用于小区域简单的属性数据，后者适应范围比较广。基于对需求的分析我们选用内嵌法