上海海洋大学_WebGIS原理与方法_期末作业.docVIP

WebGIS原理与方法 课 程 报 告 小组组长： 褚佳琪 小组组员： 安大略 2013 年 4 月 29 日 目录 1.课程内容介绍 1 1.1 WebGIS的定义 1 1.2 WebGIS的特点 1 2.课程设计思路 2 2.1、系统功能分析 2 2.2、设计实践方法 2 3.课程实践部分 2 3.1、坐标显示 2 3.2、加载提示 3 3.3、导航工具栏 4 3.4、画图工具栏 6 3.5、查询功能 8 4.小结 10 5.参考文献 10 1.课程内容介绍 1.1 WebGIS的定义 WebGIS是GIS 与万维网的有机结合，是GIS在广域网环境下的一种应用，最终目标是实现空间信息网络化。GIS通过万维网使功能得到了扩展(实际是互为扩展)，真正成为一种大众使用的信息工具，从万维网的任意一个节点，人们可以浏览万维网上的各种分布式的、具有超媒体特性的地理空间数据及属性数据，进行地理空间分析、查询，以支持智能辅助决策。通过对空间信息网络化和超媒体技术的集成，WebGIS提供给用户的信息不仅仅是矢量化的空间信息，还有遥感影像、动态视频、文字说明等多种信息。 1.2 WebGIS的特点 与传统的地理信息系统比较，万维网地理信息系统它具有四个特点： A．更广泛的客户访问范围 客户可以同时访问多个位于不同地方的服务器上的最新 数据，而这一Internet/Intranet所特有的优势大大扩展了GIS的数据管理能力，增强了 对空间数据管理的时效性。 B．客户端平台独立性 无论客户机是何种操作系统，只要支持通用的Web浏览器， 用户就可以访问WebGIS数据。 C．更简单的操作 要推广GIS，使GIS系统为广大的普通用户所接受，而不仅仅局 限于少数受过专业培训的专业用户，就要降低对系统的操作难度。通用的Web浏览器无疑 是降低操作复杂度的最好选择。 D．平衡高效的计算负载 传统的GIS大都使用文件服务器结构的处理方式，其处理能力完全依赖于客户端,，效率较低。而当今一些高级的WebGIS能充分利用网络资源, 将复杂的处理交由服务器执行,，而对简单的操作则由客户端直接完成。这种计算模式能 灵活在服务器端和客户端之间合理分配处理任务，从而提高网络计算资源的利用效率。 2.课程设计思路 2.1、系统功能分析 “上海海洋大学地理信息系统上海海洋大学地理信息系统(1)各种图形数据查询。为用户提供校园内的空间信息查询，主要为各建筑物、各办 公室和各部门等信息查询。 (2)一般电子地图功能：包括缩放、自由缩放、漫游、全图显示 (4)常用网站链接。方便同学进入常用校内网站查询 (5)问题反馈。收集各用户在使用过程中的意见或建议。 2.2、设计实践方法 先运用在w3school上学到的网页建设基础，架设网页框架。 在ESRI官方教学网页上学习并利用Javascript API创建WebGIS应用 此功能用于报告当前用户鼠标悬停的位置和当前位置的地理坐标。地图下方的信息栏会显示鼠标所在的位置的地理坐标和屏幕坐标。 关键代码： dojo.connect(map, onLoad, function() { dojo.connect(map, onMouseMove, showCoordinates); dojo.connect(map, onMouseDrag, showCoordinates); }); function showCoordinates(evt) { var geoPt = esri.geometry.webMercatorToGeographic(evt.mapPoint); dojo.byId(infoDiv).innerHTML = 地理坐标: + geoPt.y.toFixed(3) + , + geoPt.x.toFixed(3) + 屏幕坐标 x/y : + evt.screenPoint.x + , + evt.screenPoint.y; } 效果截图： 3.2、加载提示 功能介绍： 此功能用于加载、更新地图时的提示，加载、更新地图时，在地图的右上角会有“加载中．．．”的字样出现。 关键代码： 　　style #mapDiv { border: 1px solid #666; } #status { background-color: black;  color: white;  padding: 3px;  border: solid 3px wh