用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的特征、语法和显...
  • angeltimes
  • angeltimes
  • 2007年03月18日 17:19
  • 628

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

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

用SVG技术实现基于Web的GIS

引言SVG(Scalable Vector Graphics)是一种基于XML 的用来描述二维矢量图形和矢量/点阵混合图形的置标语言,是一种全新的矢量图形规范。 SVG规范定义了SVG的特征、语法和显...
  • lbluekey
  • lbluekey
  • 2004年10月07日 09:39
  • 795

用SVG技术实现WebGIS的专题地图功能

专题地图是GIS中一个重要的功能,能够直观的对专题相关的一种或几种数据进行表示,使得数据更有说服力。专题地图的制作一般分为两种方式:一种方式是改变现有的图层,例如改变某一图层中各个区域的颜色,用不同的...
  • arui319
  • arui319
  • 2006年04月17日 19:14
  • 3505

SVG在WEB绘图中的使用

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

EJB基于哪些技术实现?SessionBean…

1.EJB:enterprise java bean 是sun的服务器端组件模型,一组标准,最大用处是部署分布式应用,可以使用EJB开发基于组件的企业级应用   2.EJB是java核心代码,包括S...
  • liujn347
  • liujn347
  • 2013年11月29日 22:12
  • 777

svg 画轨迹图

学习网站 http://www.w3school.com.cn/svg/svg_reference.asp 参考案例 http://v3.faqrobot.org/hvb/demos/heart...
  • u011944141
  • u011944141
  • 2017年03月09日 10:23
  • 672

用java的nio技术实现的异步连接池

http://wenku.baidu.com/link?url=2vWQpeSyUQJQtclbYIwULoPe9Rf-UGdeUD0dNY7DhwIMgkVl1PARqmli-tmQckDB7C05...
  • zdh9378
  • zdh9378
  • 2014年10月16日 21:44
  • 369

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

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

WEB 3D SVG CAD 矢量 几种实现方案

一、全部自己开发,从底层开始 VML+SVG开发矢量地图,不需要导入第三方图片作为背景,直接在地图编辑里可以编辑基础地图内容,如进行岩石、巷道、煤层、水域等绘画,在画好基础地图样子再在其上面画出...
  • cumtcsguo054
  • cumtcsguo054
  • 2014年10月24日 08:34
  • 2670
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用SVG技术实现基于Web的GIS
举报原因:
原因补充:

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