首页 基于SVG技术的WebGIS地图研究与制作

基于SVG技术的WebGIS地图研究与制作

基于SVG技术的WebGIS地图研究与制作第19卷第4期水资源与水工程学报 V01．19No．4 2008年8月 JournalofWaterResources&WaterEngineering Aug．，2008 基于SVG技术的WebGIS地图研究与制作武文波1，孙国平1，邹建成2 (1．辽宁工程技术大学测绘学院，辽宁阜新123000}2．瓦房店市勘察测绘研究院，辽宁瓦房店116300) 摘要：为适应Internet应用飞速发展的需要，W3C(WorldWidew“Consortium)制定了一套基于XML语言的可伸缩矢量图形语言SVG...

第19卷第4期水资源与水工程学报 V01．19No．4 2008年8月 JournalofWaterResources&WaterEngineering Aug．，2008 基于SVG技术的WebGIS地图研究与制作武文波1，孙国平1，邹建成2 (1．辽宁工程技术大学测绘学院，辽宁阜新123000}2．瓦房店市勘察测绘研究院，辽宁瓦房店116300) 摘要：为适应Internet应用飞速发展的需要，W3C(WorldWidew“Consortium)制定了一套基于XML语言的可伸缩矢量图形语言SVG，它用于矢量图形的显示与传输。SVG格式的图形的优点可以很好的满足GIS对于空间数据图形显示的要求．可以向用户提供多样化的、直观易懂的和动态的图形用户界面，从而使它成为空间数据可视化的有效格式。文中阐述了SVG的概念、SVG应用于WebGIS的可能性．论述了SVG地图的制作方法，并使用两种方法制作SVG地图。关键词：XML，SVG，WebGIS}矢量图形；SVG地图中图分类号：P208 文献标识码：A 文章编号：1672—643X(2008)04-0016—04 ResearchandmanufactureoftheWebGISmapbasedonSVGtechnique WUWen—b01。SUNGuo—pin91，ZOUJian—chen92 (1．SchoolofGeomatics。LiaoningTechnicalUniversity，Fuxin，Liaoning123000，China； 2．丁kResearchInstitute0，ExplorationandMeasurementinWafangdian，Wafangdian，Liaoning116300，China) Abstract：InordertOadapttheneedofswiftdevelopmentofInternet，W3C(WorldWideWeb Consortium)hasformulatedasetbasedonXMLlanguageexpandablevectorgraphicallanguage SVG。itusesinthedemonstrationandthetransmissionofthevectorgraph．TheSVGform’s graph’SmeritmaygreatlysatisfyGISregardingthespatialdatagraphicaldisplayrequest，may providethediversification，intuitivelyeasytounderstandandthedynamicgraphicaluserinterface totheuser．thuscausesittobecometheeffectiveformofthespatialdatavisualization．Inthear— ticle，itelaboratedtheSVGconcept，thepossibilityofSVGapplyingintheWebGIS，elaborated theSVGmap’Smanufacturemethod，andusestwomethodstOmanufacturetheSVGmap． Keywords：XML；SVG；WebGIS；Vectorgraph；SVGmap 1 SVG概述 SVG——可缩放矢量图形(ScalableVector Graphics)是一种基于XML的、开放标准的二维矢量图形描述语言，由于它是基于XML的，因此，几乎具有XML的所有的优点。作为新一代Web矢量图形标准，SVG和其他图形格式相比具有无可比拟的优势，尤其在网络应用方面来说，它具有支持用户与图形的交互、文档自我描述性、可检索性、图形对象可在分布式环境下创建而且和其它标准兼容性好的特点。而且SVG拥有广泛的厂商支持，用户不但可以通过下载SVGViewer来浏览SVG矢量图形，还可以使用一些免费的开源项目在应用程序中集成 SVG的各种应用，而且从发展趋势来看最终标准浏览器将在其内部直接支持SVG矢量图形。 2 SVG与WebGIS SVG由于其具有开放性、文本性、可嵌人多媒体信息及可加人交互、动画等特点，文件较小、传输速度快、对客户端的软硬件要求不高等优点，具备了提供高质量webGIS服务和更大范围普及WebGIS 服务的条件。同时它的中立性、强交互性和平台无关性，任何团体机构公司和个人都可根据该规范参与 SVG的应用和开发。许多大公司己开始涉足SVG 领域，不久的将来主流浏览器会内置SVG文件的支持功能。随着社会信息化的日益提高，应用SVG技术开发WebGIS信息发布系统将会使地理空间信息得到充分的共享和应用。收稿日期：2008—04—27，修回日期：2008—05—08 基金项目：教育部博士点基金：基于3S的矿区资源环境监测与辅助决策系统研究(20050147002)；辽宁省高等学校重点实验室项目：基于采矿对环境影响特征知识库的遥感监测研究(20060370) 作者简介：武文波(1957一)。男(汉族)，教授，研究方向：数字摄影测量技术与应用、遥感与地理信息系统集成以及专题地理信息系统。万方数据第4期武文波，等：基于SVG技术的WebGIS地图研究与制作 17 虽然SVG不是为了面向地理空间数据发布而制定的标准，但它的许多特性都能被广泛地应用在 WebGIS中。首先SVG提供了丰富的图形对象，可以有效的表现空间信息。SVG提供了一下基本图形元素：直线((1ine))、路径((path>)、圆((circle>)、图标((symbol>)、文字((text>)、图像((image>)等，另外，路径元素(path>与这些元素所描述的形状在本质上是一样的，只是这些基本形状是路径的特例。 WebGIS中的标注信息，也可以用SVG文本来显示。同时SVG中还提供了组的管理(标签)，定义()及引用等功能。其次，SVG提供了丰富的消息触发及事件响应函数以获取用户消息，可以表达WebGIS的交互性。再次，由于SVG是基于XML格式的，因此除了内置的属性外，可以对其属性进行任意扩充，以实现自定义的功能。最后， SVG还支持图形超链接，这一功能对WebGIS极为有用。 3 SVG中地理空间数据组织与编码 3．1地理空间数据的组织空间几何数据具有复杂的结构和特性，而SVG 目前仅支持一些基本的图形元素，还难以实现基于拓扑数据模型的数据组织方式。为了能够有效地通过SVG对地理空间数据进行描述，可以将几何数据按空间实体模型来进行组织，将现实世界中的地物划分为简单地物与复杂地物两大类，其中简单地物还可根据其几何特征进一步分为点状地物、线状地物、面状地物等三种地物类型，而复杂地物则由多个简单地物构成。另外，各地理实体由目标标识码、描述该地理实体的几何数据和属性数据组成。一般地，一类地理实体可作为一个图层，采用一种与 ArcGIS8．3中数据组织方法相类似的层次组织方法：同一类型的地理实体作为一个图层(如若干个房屋构成建筑物层)，若干个图层构成一个图层组(如河流层、湖泊层和溪流层共同构成水系图层组)，若干个图层组构成一幅地图。 3．2地理空间数据的编码对于地理实体的分类，GIS界研究的比较多。综合考虑SVG特点及前人的研究成果，将地理实体按其几何形态分为4类：点状实体、线状实体、面状实体和标记体。点状实体：指具有特定的位置、而没有长度的实体，如变电压器、电线杆等。线状实体：指有长度的实体，如道路、电线线路等。面状实体：指占有一定范围面积的实体，如行政区域、湖泊等。标记体 (Annotation)：对以上三类实体进行描述和说明的文字信息。 (1)点状实体。输出一般采用小的面状图元表示，比如小圆形，小矩形。下面代码描述将在浏览器上显示一个以(100，100)为圆心，以2为半径的圆，圆心坐标应为点状实体的位置坐标，“pointl”标识这一点状实体。一个是左上角点坐标为(200，200)的实心小矩形，边框颜色为绿色、填充颜色为红色的实心小矩形，由于长宽为2，可以当作点来显示。 “point2”来唯一标识这个点。 (2)线状实体。输出方式一般采用polyline对象表示，有时也用Path。Path对象可以绘制多种类型的线状实体。直线、曲线、折线等。下面代码表示的是同一段折线。Path中的M表示起始点位置，L 表示非起始点位置。 (3)面状实体。使用Polygon对象和封闭填充的跑Path对象两种方法表示。与线状实体的Path 表示方法相比，只需在编码的最后加上Z即可。 (4)标记体。一般采用对象进行表示。下面的代码绘制一个起点为(200，200)、字体为 TimesNewRoman、颜色为蓝色的文本 “Welcome”。 Welcome <／text> 4 SVG地图制作 SVG地图的生成现在一般采用三种方式：一种万方数据 18 水资源与水工程学报 2008年方式是通过SVG编辑器编程实现，这种方式必须非常熟悉SVG 规则，编辑一幅地图很繁杂；一种方式是采用支持SVG格式的图形图像软件，例如Illus— trator和CoralDraw等软件，交互的生成SVG地图。这种方式类似与大家所熟悉的“数字化”方式；另外一种方式是，对现存的空间数据进行转换，现存的空间数据如常见的GIS数据格式(SHP、MIF、DXF 等)以及GML(GeograhicMakeupLanguage，地理标识语言)，VML(VirtualMakeupLanguage矢量标识语言)等网络格式的空间数据，将它们转换为 SVG格式。下面对后两种方式加以论述与应用。 4．1“数字化”方式的SVG地图制作 “数字化”方式的SVG地图制作，就是在Illus— trator、CoralDraw和W3CAmaya等绘图软件中导人其它格式的地图，以他们为底图，对其进行数字化，各类地物以不同的层放置，最后以*．SVG格式保存。各种影像图也可以在其中转换成*．SVG格式的地图。Illustrator和CoralDraw是商业软件，都支持SVG的导入、导出和编辑，Illustrator可编辑 Javascript脚本。W3CAmaya是免费软件，是个开源编码的可视化编辑器，支持XML、SVG、 XHTML。对于小数据量，不需实时更新的网络地图，可以在上面的图形编辑软件中勾绘地理地图，导出为 SVG地图，编辑地图在其中加人属性数据和交互的 JavaScript脚本，然后将其网络发布。这种方式的缺点是效率低下，还有精度难以保证。 4．2现存空间数据转换SVG地图现有的图形数据多以CAD格式、Maplnfo、Ar— cGIS等GIS软件的数据格式存储，要充分利用这些数据，把这些数据转换成我们所需要的SVG格式。面对SVG格式地图应用于WebGIS的优势，各公司开发出转换软件：用MapBasic编写的 SVGMapMaker软件，可以把Maplnfo格式的数据转换成SVG格式；InternetMapper是基于数据库的、可动态生成SVG地图和网页；MapViewSVG可以将ArcGIS的数据转换成SVG格式；Open— MapServer是基于PHP的、动态生成SVG地图。下面是应用MapViewSVG对辽工大主校区的．mxd格式数据装换成SVG格式的XML原代码，可以对原代码进行编辑。由于篇幅有限只显示了篇头，图1是SVG格式地图在SVGViewer中的显示。一主校区<／DataFrame> 一一文字新一text<／LayerName> FeatureLayer<／LayerType> 0<／AttributeTable> 0<／Identifying> 0<／IdentifyingChart> 0<／QueryBuilder> 0<／Hyperlink> 0<／HyperlinkCopy> 图1 SVG格式地图在SVGViewer中显示万方数据第4期武文波，等：基于SVG技术的WebGIS地图研究与制作 19 这种方式不仅可以提高效率和精度，而且对原始数据进行了充分利用，还可以按照我们的方式对 XML文件进行编辑。 5 结语作为新的WebGIS图形技术，SVG有着许多先进的技术特点：①完全的矢量格式。②具备较好的兼容性。③sVG文档是结构化的数据，即DOM(Docu— mentObjectModel，文档对象模型)接口，从而简化了内容的管理；SVG可以通过图形元素属性修改来实现图形资源的重用和借用。④提供动态图形功能。 ⑤提供交互图形功能，可以用脚本控制用户与用户的交互。@SVG文档是基于文本的。⑦SVG文档可以包含多种非图形信息，包括多媒体(音频和视频) 数据。@SVG具有丰富的免费软件和开放源码。由此可知，基于SVG的Web地图表示，有着GIF或者JPEG地图无法比拟的优点。参考文献： [1]刘吉夫，陈颐，陈棋福，等．WebGIS应用现状及发展趋势[J]．地震，2003，23(4)：10一20． [2]赵改善．SVG：一种前景光明的地学绘图技术．勘探地球物理进展，2002．25(6)：47--54． [3]SVG．http：／／www．w3．org／Graphics／SVG． [4]吴志方．基于DOM的SVG编辑器．[D]．华中科技大学，2002． [5]张娜娜．基于GML／sVG的WebGIS试验模型[D]，西南交通大学，2006． [6]王家耀，王建涛．基于SVG的地理信息编码与DOM交互解析实现[J]．测绘学院学报，2005，22(2)：79—81． [7]骆炎民．XML的webois实现模型及其数据共享．华侨大学学报(自然科学版)，2005，26(4)：432—435． [8]陈春来，石纯，吴丹．论webGIS及其发展趋势．衡阳师范学院学报，2004，3(25)：98—101． (上接第5页) (3)2030水平年在工农业节水和污水资源化实施成本和费用较高的情况下，中东线置换30× 108m3和西线调水40×108m3、引汉济渭调水10× 108m3的方案与中东线置换30×108m3和西线调水 90×108m3、引汉济渭调水10×108m3的调水方案均可解决流域水资源的供需矛盾问题，同时可增加生态水量，而后者对流域供需以及生态环境的改善程度更大，需进行效益和成本的比较来优选方案。 4结语根据黄河流域水资源特点，分别从水资源开发利用、防洪防凌和生态环境三方面研究了流域水资源调控措施，并制定了基于多维调控措施集成的调控方案的拟定原则，在此基础上，设置了2010、2020 和2030三个水平年的调控方案集。通过方案的调控计算，提出了不同水平年解决黄河水问题的途径，为实现黄河流域的可持续发展提供了科学依据。参考文献： [1]畅建霞，黄强，王义民，等．黄河流域水库群多目标运行控制协同方法研究[J]．中国科学(E辑)，2004，34(S1)： 175—184． [2]李国英．维持黄河健康生命I-M]．郑州：黄河水利出版社，2005． [3]高季章，王浩，等．黄河治理开发与南水北调工程Eli．中国水利水电科学研究院院报，1999，(1)：27—34． [4]HydeKylieM．MaierHolgerR，ColbyChrisB．Relia· bilityBasedapproachtOmuhicriteriadecisionanalysis forwaterresources[J]．JournalofWaterResources Planning＆Management，2004，130(6)：429--438． [5]蒋晓辉，刘昌明．黄干流水资源量可再生能力的评判和调控[J]．水利学报，2004，35(12)：77—83．万方数据基于SVG技术的WebGIS地图研究与制作作者：武文波，孙国平，邹建成， WU Wen-bo， SUN Guo-ping， ZOU Jian-cheng 作者单位：武文波,孙国平,WU Wen-bo,SUN Guo-ping(辽宁工程技术大学测绘学院,辽宁,阜新,123000) ，邹建成,ZOU Jian-cheng(瓦房店市勘察测绘研究院,辽宁,瓦房店,116300) 刊名：水资源与水工程学报英文刊名： JOURNAL OF WATER RESOURCES AND WATER ENGINEERING 年，卷(期)： 2008,19(4) 参考文献(8条) 1.SVG 2.赵改善 SVG:一种前景光明的地学绘图技术[期刊论文]-勘探地球物理进展 2002(06) 3.刘吉夫;陈顒;陈棋福 WebGIS应用现状及发展趋势[期刊论文]-地震 2003(04) 4.陈春来;石纯;吴丹论webGIS及其发展趋势[期刊论文]-衡阳师范学院学报 2004(03) 5.骆炎民 XML的webois实现模型及其数据共享[期刊论文]-华侨大学学报（自然科学版） 2005(04) 6.王家耀;王建涛基于SVG的地理信息编码与DOM交互解析实现[期刊论文]-测绘学院学报 2005(02) 7.张娜娜基于GML/SVG的WebGIS试验模型[学位论文] 2006 8.吴志方基于DOM的SVG编辑器 2002 本文链接：http://d.g.wanfangdata.com.cn/Periodical_xbszyysgc200804004.aspx

                    本文档为【基于SVG技术的WebGIS地图研究与制作】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

基于SVG技术的WebGIS地图研究与制作

你可能还喜欢