用SVG技术实现基于Web的GIS

原创 2004年07月13日 20:55:00

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

在网页中嵌入SVG

将实现基于浏览器的GIS系统,需要将SVG图形对象嵌入到网页中,使用如下HTML代码来实现:

 <embed width="640" height="560" type="image/svg-xml" id="svgmapctrl" pluginspage="http://www.adobe.com/svg/viewer/install/" src="default.svg" ></embed> 

其中embed标签指定为一个嵌入的对象,width,height分别指定该对象的宽度、高度,type指定类型为image/svg-xml ,src指定为svg数据文件的URL地址,指定这样的标签并在浏览器中打开,浏览器便回调用SVG Viewer在指定区域进行显示。此处,src指定的是一个svg文件,在GIS系统中,要求根据不同的请求获取不同的数据,则可以将其改为动态的url,如服务端的Java Servlet,由服务端动态生成。需要注意的是,SVG目前不支持GB编码,在使用中文字符时,请使用UTF-8编码。

SVG技术在Web GIS中的应用

SVG(Scalable Vector Graphics)是一种基于XML的用来描述二维矢量图形和矢量/点阵混合图形的置标语言,是一种全新的矢量图形规范.SVG规范定义了SVG的特征、语法和显示效果,...
  • yydcj
  • yydcj
  • 2013年01月10日 12:40
  • 745

web画图技术(svg、canvas、fusioncharts、anychart)简介

一、前言        如题,此处主要讨论网页上实现画图的技术,像java的swing,.net的chart不在今天的讨论范围。 二、讲啥 •SVG简介 •主流的画图方式? •各方式之间的...
  • daxiang12092205
  • daxiang12092205
  • 2013年11月03日 15:15
  • 8624

Java Web GIS 地理信息系统开发

Java google地图 Java Google卫星图 Java Google地形图 Java ArcGIS 地图 ...
  • youfangyuan
  • youfangyuan
  • 2016年01月24日 20:03
  • 4576

[HTML5-SVG]基于SVG技术进行WebGIS开发浅析

SVG(ScalableVectorGraphics)是W3C组织为适应InternetWeb应用的飞速发展需要而制定的一套基于XML语言的二维可缩放矢量图形语言描述规范。传统的HTML静态页面描述语...
  • luqin1988
  • luqin1988
  • 2013年04月17日 16:26
  • 1538

SVG在WEB绘图中的使用

一、在WEB项目开发过程中,如果需要动画或者画图效果的功能,我们一般怎么去处理?传统的做法有GIF动画,HTML5组装动画,如果动画需要与操作人员交互功能,一般采用flash,flex还有sliver...
  • ltylove2007
  • ltylove2007
  • 2014年03月03日 10:45
  • 11036

Web、GIS、数据服务器选型依据

数据库服务器选型
  • wildboy2001
  • wildboy2001
  • 2014年11月19日 23:04
  • 2800

Web图形开发方案选型,SVG/VML/Flash/Applet优劣比较

Web图形开发方案选型,SVG/VML/Flash/Applet优劣比较 在Web 项目开发过程中,我们常常会使用到各类图形,如流程图,饼图,甘特图,散列图,趋势图等等。目前有很多种方法在网页上绘...
  • oscar999
  • oscar999
  • 2013年06月26日 08:49
  • 4105

通过实例深入理解HTML5/CSS3/SVG/WebGL的技术本质

常常听到人们对于HTML5的讨论,看了页面头部这个那个就是HTML5,误认为HTML5只是新增些标签“而已”,学完了速查手册似乎就理解了。实际上很多从业人员并没有深入理解业界为什么要推出HTML5系列...
  • iefreer
  • iefreer
  • 2016年11月06日 00:56
  • 8390

Qt实现简单图形绘制,双缓冲机制和显示SVG格式图片

从去年到现在一直在断断续续学习Qt,这是第一次写博客,感觉学到的东西很少,希望以后能多学、多练、多写吧!(还有部分功能没有实现,等实现了再来补全。)         首先使用了一个窗口布局来实现这三个...
  • qiong11chao02
  • qiong11chao02
  • 2017年04月16日 14:28
  • 722

Arcgis10.3_新一代Web GIS,全新的GIS应用模式

Web GIS为用户带来全新的价值   "新一代Web GIS" ,是Esri在新的GIS技术和时代背景下,所提出的一种全新的GIS应用模式,为 "Web GIS" 赋予了全新的内涵,使得GIS为组...
  • sRhee
  • sRhee
  • 2017年04月18日 15:17
  • 352
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用SVG技术实现基于Web的GIS
举报原因:
原因补充:

(最多只允许输入30个字)