《Web 20 GIS原理与方法教程》实验指导书三.docx
- 文档编号:10081371
- 上传时间:2023-05-23
- 格式:DOCX
- 页数:33
- 大小:150.76KB
《Web 20 GIS原理与方法教程》实验指导书三.docx
《《Web 20 GIS原理与方法教程》实验指导书三.docx》由会员分享,可在线阅读,更多相关《《Web 20 GIS原理与方法教程》实验指导书三.docx(33页珍藏版)》请在冰点文库上搜索。
《Web20GIS原理与方法教程》实验指导书三
《Web2.0GIS原理与方法教程》
实验指导书
尹章才主编
武汉理工大学教材中心
内容提要
本实验指导书是针对教材《Web2.0GIS原理与方法教程》编写的,内容主要包括语言篇(XML基础,SVG基础及SVG地图,XSL地图表达规则,基于XML的制图系统),技术篇(Mashup地理译码,PPGIS,地图API,AJAX,KML)和应用篇等。
前言
由于《Web2.0GIS原理与方法教程》中涉及较多的Web2.0语言、技术和应用,但不可能对新的语言介绍过多,因此在配套的实验教程中,比较详细介绍了Web2.0语言及其在GIS中的应用技术,为学生系统掌握Web2.0技术提供指导
作者于鉴湖
2011年4月1日
目录
《Web2.0GIS原理与方法教程》1
实验指导书1
内容提要2
前言3
目录4
第四部分SVG地图5
第一节普通SVG地图符号5
第二节SVG地图符号库8
第三节动画地图符号设计9
第四节SVG地图与交互12
第五节SVG地图转换14
第五部分XSL表达规则15
第一节XSL语法基础15
第二节GML-XSLT-SVG的格式转换22
第三节将GML转换为制图数据MapMML24
第六部分基于XML的制图系统27
第一节Windows信息发布27
第二节基于XML的Web地图表达平台28
后记31
第四部分SVG地图
实验目的:
●设计符合制图规范的SVG地图符号
●构建SVG地图符号库
●设计SVG动画地图符号
●尝试SVG地图与其他格式的转换
第一节普通SVG地图符号
实验目标:
利用SVG设计普通的地图符号
实验步骤:
1点状地图符号及其引用
利用SVG图形、文字等定义点状地图符号,并作为可重用部分
在
对
none;stroke: red;stroke-width: 3.8095"> red;stroke: red;stroke-width: 3.8095"/> 2简单的线状地图符号 简单的线状地图符号,通常需要的代码较少,因此可以重复定义。 或者,也可以采用点状地图符号的方法,即先定义后引用,但也存在一个问题,就是线符号的轨迹是不重复的,也不能通过transform属性实现,这就需要利用DOM对 以铁路符号为例,可以先定义宽度6的黑色实线path;然后,利用同一path定义宽度3的白色虚线。 none;stroke: black;stroke-width: 8;stroke-linejoin: round;stroke-linecap: square"> href="#even-line-railway-path"/> href="#even-line-railway-path"style="fill: none;stroke: white;stroke-width: 6;stroke-linejoin: round;stroke-linecap: square;stroke-dasharray: 100100;stroke-dashoffset: 100"/> href="#even-line-railway-path"style="fill: none;stroke: black;stroke-width: 8;stroke-linejoin: round;stroke-dasharray: 1101188;stroke-dashoffset: 55"/> 3规则的面状地图符号及引用 定义 在 在 none;stroke: black;stroke-width: 2.4;stroke-linecap: round"symStyle="symPattern"> (1)"> href="#xbulrush-forest-sym"x="75"y="40"/> href="#xbulrush-forest-sym"x="225"y="190.8"/> url(#xbulrush-forest-pattern)"/> 4注记 采用文本 定义 通过 耸肩体 左斜体 第二节SVG地图符号库 实验目标: 利用SVG的文本系统设计SVG地图符号库 实验步骤: 构建基于SVG的地图符号库,下面是一个利用SVG的字体构建的自定义简单符号库,分别包括一个点(三角点)、线(铁路)、面(森林)符号。 none;stroke: red;stroke-width: 3.8095"> red;stroke: red;stroke-width: 3.8095"/> none;stroke: black;stroke-width: 6;stroke-linejoin: round;stroke-linecap: square"> href="#odd-line-railway-path"/> href="#odd-line-railway-path"style="fill: none;stroke: white;stroke-width: 4;stroke-linejoin: round;stroke-linecap: square;stroke-dasharray: 50;stroke-dashoffset: 50"/> none;stroke: black;stroke-width: 0.5"> black"/> href="#denforcir"transform="translate(0,-14)"/> href="#denforcir"transform="translate(0,-22)"/> href="#denforcir"transform="translate(-10.392,6)"/> href="#denforcir"transform="translate(10.392,6)"/> nonzero"> href="#denseness-forest-path"/> url(#denseness-forest-clippath)"> 第三节动画地图符号设计 实验目标: 设计基于SVG的动画地图符号 实验步骤: 利用SVG的动画功能,结合地图符号几何、地理特征,构建动画地图符号。 1动画点符号示例 电视发射塔(甘莉): xmlversion="1.0"standalone="no"? > DOCTYPEsvgPUBLIC"-//W3C//DTDSVG1.1//EN" "http: //www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> style="fill: red;stroke: black;stroke-width: 0.5"/> M-3-5.12A6600,13-5.12"transform="translate(30,38)" style="fill: none;stroke: red;stroke-width: 0.2"> values="11;22;33;44;55"dur="4s"repeatCount="indefinite"/> values="0-5"dur="1s"repeatCount="indefinite"/> href="#sym"/> 风磨房,风车: xmlversion="1.0"encoding="iso-8859-1"? > DOCTYPEsvgPUBLIC"-//W3C//DTDSVG20000303Stylable//EN""http: //www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd"> none;stroke: blue;stroke-width: 1"> dur="4s"repeatCount="4"/> href="#windmill"/> 2动画线符号示例——铁路: xmlversion="1.0"standalone="no"? > DOCTYPEsvgPUBLIC"-//W3C//DTDSVG1.1//EN" "http: //www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> fill="none"stroke="black"stroke-width="10"/> fill="none"stroke="black"stroke-width="2"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> fill="black"stroke="black"stroke-width="10"/> rotate="auto"/> 3动画面状地图符号示例 草地--面状地图符号——蒋婷婷: xmlversion="1.0"encoding="utf-8"standalone="no"? > --Creator: ESRIArcMap9.2.0.1324--> DOCTYPEsvgPUBLIC"-//W3C//DTDSVG1.1//EN""http: //www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> //www.w3.org/2000/svg"> type="rotate"fill="freeze"from="-20"to="10"dur="1.5s"repeatCount="indefinite"/> type="rotate"fill="freeze"from="20"to="-10"dur="1.5s"repeatCount="indefinite"/>
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 20 GIS原理与方法教程 Web 20 GIS原理与方法教程实验指导书三 Web GIS 原理 方法 教程 实验 指导书