webGIS实习报告Word文档下载推荐.docx

1、3.1 实验目的与要求123.2 实验组织123.3 实验学时123.4 仪器及用具123.5 实验步骤12实验四 Web 业务服务开发174.1 实验目的与要求174.2 实验组织184.3 实验学时184.4 仪器及用具184.5 实验步骤18实验五 Ajax 请求215.1 实验目的与要求215.2 实验组织215.3 实验学时215.4 仪器及用具215.5 实验步骤21实习总结24实验一XML 与 JSON 格式1.1 实验目的与要求实验目的掌握 XML 与 JSON 格式基本语法结构，并能够准确描述地理实体的属性信息，了解网络传输地理信息的方式。实验要求分别利用 XML 与 JSO

2、N 格式描述指定的地理实体属性信息。1.2 实验组织每组 1 人，个人独立完成。1.3 实验学时课间 4 学时。1.4 仪器及用具记事本，Internet Explorer 软件。1.5 实验内容提要XML 文件格式1） 必须同时存在开放标签与闭合标签。2） 推荐使用的标签名：a） 属性信息：b） 每条要素：feature基本格式为*,表示语句开始和结束，中间是内容JSON 文件格式1）JSON 对象的基本格式：“key1” : “value1”, “key2” : “value2” 2）JSON 数组的基本格式：“object1”, “object2”地理实体属性表FIDNAMEAREA黑龙

3、江省54.4471内蒙古自治区129.1132新疆维吾尔自治区175.5911.6 实验步骤与截图1. 打开记事本，按照 5.3 的地理实体属性表编写 xml 文档，如下图所示：其中第一行是 XML 声明，定义 XML 版本为 1.0，使用的编码为 ISO-8859-1;接下来一行是描述文档的根元素，后面是子元素，子元素又包含了子元素。将记事本文件后缀名改为.xml,在浏览器中打开: 可以看到，如果格式不对，就会报错用记事本打开，修改错误，并再次在浏览器打开：说明 xml 格式正确2. 打开记事本，按照 5.3 的地理实体属性表编写 JSON 文档，如下图所示：在 json 文档，验证结果如下

4、，说明是有效的 JSON 格式实验二地理数据服务发布2.1 实验目的与要求掌握 GeoServer 发布地理数据服务方法，并了解 WMS、WFS、WMTS 服务的相关接口函数。利用 GeoServer 发布 WMS、WFS、WMTS 服务。2.2 实验组织2.3 实验学时2.4 仪器及用具Java Runtime 软件，GeoServer 软件。2.5 实验内容提要安装 GeoServer 软件1） 安装 Java Runtime 软件2） 安装 GeoServer 软件，安装过程中会要求输入用户名密码，请记住。发布地理信息服务发布任意一个已有数据图层的 WMS、WFS、WMTS 服务。关键步

5、骤1） 分别发布任意一个系统中已有的数据图层，并发布为 WMS、WFS 服务。2） 请求 Web 参数2.6 实验步骤及结果1. 安装好 GeoServer 软件和 Java Runtime 软件2. 打开 Start GeoServer3. 打开 GeoServer4. 发布 WMS 服务，并显示其返回值任选一个数据，点击 select one，发布一个 WMS 服务，如下图：请求 Web 参数复制下来如下：http:/localhost:8080/geoserver/nurc/wms?service=WMS&version=1.1.0&request=GetMap&layers=nurc:

6、Pk50095&styles=&bbox=347649.93086859107,5176214.082539256,370725.976428591,5196961.352859256&width=768&height=690&srs=EPSG:32633&format=image%2Fgif从参数中可以看出发布的服务是 WMS，版本为 1.1.0，请求是返回具有一定地理范围和维度的地图，还有视图的格式比如宽度高度等等，返回的地图类型为 gif。5. 发布 WFS 服务，并显示其返回值8080/geoserver/sf/ows?service=WFS&version=1.0.0&request

7、=Ge tFeature&typeName=sf:streams&maxFeatures=50&outputFormat=gml3从参数中可以看出发布的服务是 WFS，版本为 1.0.0，请求是返回要素，类型名为sf:streams，最大要素为 50，输出格式为 gml3。实验三ArcGIS API For Javascript3.1 实验目的与要求掌握使用 ArcGIS API For Javascript 加载地理数据服务的方法，了解 ArcGIS API ForJavascript 的基本流程。利用 ArcGIS API For Javascript 新建 WebGIS 网站，加载实验二

8、用 GeoServer 发布的WMS 服务。3.2 实验组织3.3 实验学时3.4 仪器及用具ArcGIS API For Javascript，IIS 服务器。3.5 实验步骤（1）修改 API 路径配置（老师已改，不需再操作）打开 api 目录（“.agsapi3.17”）中的 init.js 与目录（“.agsapi3.17dojo”）中的dojo.js。分别将文件中字符串【HOSTNAME_AND_PATH_TO_JSAPIdojo】（含引号）替换为【location.hostname + /agsapi/3.17/dojo】。操作过程如图 1 与图 2 所示。图 1 API 旧路径（

9、2）打开 IIS 服务器管理图 2 API 新路径右键 Default Web Site，选择添加虚拟目录，按以下截图添加即可，如果不成功就换盘再做。设置目录的物理路径时务必指向 api 的基本目录，ArcGIS API for Javascript 虚拟目录结果如Error! Reference source not found.所示。（3）浏览 init.js 文件，若出现下图的代码，表明配置正确。（4） 利用 vs 编写 htmlpage 代码，构建 js 和 css 环境，发布 WMS 服务打开 visual stadio 2010,新建项目，新建一个新的空 web 应用程序，在添加一

10、个新建项htmlpage 页，如下图：运行，得到下图：如果运行不出来，可以将网页复制到虚拟目录下，从 IS 服务器的虚拟目录下打开HTML 代码!DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0Transitional/EN /www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtdhtml xmlns=/www.w3.org/1999/xhtml headlink rel=Stylesheet href=/localhost/agsapi/3.17/esri/css/esri.css/script src=/localh

11、ost/agsapi/3.17/init.js/scriptscriptrequire（esri/map, esri/layers/WMSLayer,代码如下：实验四Web 业务服务开发4.1 实验目的与要求掌握 Web 服务的开发方法在 Visual Studio 中开发 Web 服务，要求服务接口以 JSON 格式返回“实验一”构建的属性表。4.2 实验组织4.3 实验学时4.4 仪器及用具Visual Studio 2010 软件。4.5 实验步骤创建 Web 服务项目编写 Web 服务业务实现代码Handler1 代码namespace WebApplication1/ / Handl

12、er1 的摘要说明/summarypublic class Handler1 : IHttpHandlerpublic void ProcessRequest（HttpContext context）context.Response.ContentType = text/plain; context.Response.Write（attributes:FID0,1,2,NAME黑龙江省,内蒙古自治区新疆维吾尔自治区,AREA54.447,129.113,175.591实验结果如图：实验五Ajax 请求5.1 实验目的与要求掌握 Ajax 请求的发送与接收响应方法创建一个网页网站，在网页上创建一个按钮，当用户点击按钮时可向服务器发送