毕业设计（论文）-基于Web GIS的福建省耕地土壤查询系统设计与实现.doc

本科毕业设计说明书论文题目： 基于Web GIS的福建省耕地 土壤查询系统设计与实现 学 院： 资源与环境学院 专业年级： 空间信息与数字技术2012级 学 号： 姓 名： 指导教师、职称： 2016年5月6日The Design and Implementation ofFujian Soil Resource Information SystemBased on WebGISCollege： College of Resoures and Environment Specialty and Grade： Spatial Information and Digital Technology ,2012 Number： Name： Advisor： Submitted time： May 6,2016 全套设计加扣 3012250582目 录摘 要III1引言- 1 -1.1 背景及意义- 1 -1.2现状与存在问题- 2 -1.3系统架构及文档说明- 3 -2 系统相关技术简介- 4 -2.1 MVC- 4 -2.2 Tomcat- 4 -2.3 GeoServer- 4 -2.4 OpenLayers- 4 -2.5 HTML+CSS+JavaScript- 4 -3 需求分析与概要设计- 5 -3.1系统总体设计- 5 -3.2需求分析- 5 -3.2.1地图基础功能- 6 -3.2.2地图辅助功能- 6 -3.2.3区域筛选功能- 7 -3.2.4专题切换功能- 7 -3.2.5空间查询工具- 7 -3.2.6属性搜索功能- 7 -3.3界面设计- 7 -3.4数据设计- 9 -4.系统详细设计- 11 -4.1地图基础功能详细设计- 11 -4.1.1功能说明- 11 -4.1.2流程逻辑- 11 -4.1.3主要代码- 11 -4.2地图辅助功能详细设计- 12 -4.2.1功能说明- 12 -4.3区域筛选功能详细设计- 13 -4.3.1功能说明- 13 -4.3.2流程逻辑- 13 -4.3.3主要代码- 13 -4.4专题切换功能详细设计- 15 -4.4.1功能说明- 15 -4.4.2流程逻辑- 16 -4.4.3主要代码- 16 -4.5空间查询功能详细设计- 16 -4.5.1功能说明- 16 -4.5.2流程逻辑- 17 -4.5.3主要代码- 17 -4.6属性搜索功能详细设计- 20 -4.6.1功能说明- 20 -4.6.2流程逻辑- 21 -4.6.3主要代码- 21 -5.系统功能测试- 22 -5.1测试说明- 22 -5.2测试环境- 22 -5.3测试结果- 22 -5.2.1 地图基础功能测试- 22 -5.2.2 空间查询功能测试- 22 -5.2.3 图层、样式、过滤、搜索相关功能测试：- 26 -6.总结与展望- 28 -6.1总结- 28 -6.2展望- 28 -参考文献- 29 -致谢- 30 -摘 要随着计算机网络的出现及互联网时代的到来，如何将土壤资源信息与地理信息系统结合起来，建立便捷的土壤资源信息查询系统引起许多地理信息工作者的关注。传统的土壤资源信息查询手段的弊端逐渐显现出来，例如更新效率低、数据载体大，已然不适合如今的需求，正逐渐失去其市场竞争力。结合地理信息系统技术的查询技术因其易操作、易获取、速度快等优势而倍受青睐。本设计以福建省部分地区的土壤资源信息为样例，运用前端技术与开源地理信息开发工具构思并设计了以web为平台的土壤信息查询系统。文中将着重介绍该系统的地图相关应用模块的设计与实现。关键词：Web GIS；土壤资源信息查询；设计与实现AbstractWith the advent of the computer network and the emergence of the Internet Age, how to combine the Soil Resource Information and GIS and establish a convenient query system for Soil Resources Information have attracted the attention of many geographical information workers. The drawbacks of traditional information retrieval methods of Soil Resources Information are gradually revealed, Such as low updating efficiency ,the large data carrier, has already not suitable for todays needs and gradually lose its market competitiveness. So the query technology with GIS is more and more popular because of its advantages of easy operation, easy access, and fast speed and so on.In this design apply the Soil Resource Information in some areas of Fujian Province as the sample, use Web development technology and Open Source Geographic Information Development Tools to design The Soil Resource Information query system based on Web Platform. In this paper introduce the design and implementation of map application module of the system.Keywords: Web GIS; Soil Resource Information query; Design and ImplementationIV全套设计加扣 30122505821引言1.1 背景及意义 土壤对于一个国家来说是最重要的农业生产资料和自然资源，是发展的根基，更是人民生存的物质基础。国家发展带来人口的飞快增长，同时也使得人均耕地面积逐渐减少，如何合理利用土壤资源显得越发重要。而地理信息系统技术（即GIS）正是辅助土壤资源利用，提高土壤资源利用率的一大利器1。GIS的应用极大的便利了对诸如土壤资源的信息采集，并能帮助决策者分析并作出准确的发展规划策略。Web GIS是地理信息系统技术的一个方向，通过搭建Web服务器，安装服务器支持软件，利用前端编程和相关Web GIS开发包进行开发，便可实现地图的显示、操作、查询。 目前多数电脑系统上都配有浏览器，因此该系统选择基于Web GIS进行设计开发，只需使用浏览器登录系统网站，即可在浏览器上使用各种查询功能，简单而便捷。并且在后续的开发中能解决多平台适应，还可实现跨设备的访问。Web GIS 的意义：（1） 更广泛的访问范围。任意一个用户在任何地点都可以通过电脑浏览器访问不同服务器上的数据。（2） 平台独立性。用户可以使用任意一台电脑，无论其操作系统是什么，只要具备联网功能且拥有浏览网页的软件。也无需在意服务端使用的是何种软件，都可以通过通用Web浏览器进行远程数据访问。（3） 真正大众化的GIS。传统GIS不但要求技术高、而且成本也较昂贵，往往需要专业学习后才能掌握操作方法，难以推广。而且用户经常使用的功能往往都是比较基础的，通过Web GIS 使得用户只需具备简单的上网技能便可以轻松实现所需的一些简单浏览和查询。（4） 平衡高效的计算负载。以往的GIS效率低下，其主要原因之一就是对数据的处理完全依赖于客户端进行。而Web GIS将全局性的基础性处理交由服务器执行，使得网络资源得到了充分利用，在客户端则只进行数据传递及一些数据量小的简单操作。这种模式合理的分配了计算负荷和网络流量负载，是一种较理想的优化模式。（5） 良好的可扩展性。无论是普通的Web信息服务还是Web GIS服务都能便利的实现集成，从而建立灵活的GIS应用2。1.2现状与存在问题 从Web GIS出现至今，其发展相当迅速，目前国内外市场上已存在许多Web GIS相关应用平台，如百度地图、谷歌地图、高德地图等，其应用面向大众，提供诸多生活服务相关的GIS应用，具有广泛用户，同时其开放的开发接口因其开发简便且功能丰富等特色，也不乏有使用他们进行二次开发的技术人员。此外还有许多开源Web GIS也受到了开发人员的关注，不同于商业软件，开源软件具有免费、易重用、易于分享的特点，开源Web GIS正是如此，其是基于OpenGIS规范(Open Geodata Interoperation Specification，开放的地理数据互操作规范)，使得开发者能使用任一符合规范的Web GIS进行高扩展、高灵活度的开发3,4。近几年来我国也对此领域进行着积极的研究与探索，且其成果在农业、林业、气象、水利、抗震、资源、交通、电气和城市建设等各个领域都有应用，可以说Web GIS在我国的应用前景非常广阔5,6。 此次设计正是基于开源Web GIS的，针对资源管理领域的一次尝试，是针对特定人群特定类型地图所开发的具有针对性专一性GIS系统，要求能够使用特定数据进行特定操作，因此选用GeoServer+OpenLayers的开源框架进行设计实现，一是其开源特性可避免商业纠纷，二是其数据支持的多样性及功能的完整性足以满足本系统的开发需求。1.3系统架构及文档说明图 1系统框架本系统总体框架如图1所示，其设计主要分为：业务功能模块和GIS功能模块。各个模块依赖不同技术与数据类型作为支持，本文主要侧重于实现地图相关功能模块的分析与设计，即图1中红色方框部分。2 系统相关技术简介2.1 MVCMVC全名是Model View Controller，是模型(model)视图(view)控制器(controller)的缩写，是一种分治的开发思想。模型，是整个系统的核心，是事件处理方案的实际的逻辑；视图，即用户交互界面，是外界输入的主要手段；控制器，是连接模型和控制器的纽带，控制器获得视图传来的输入信息，转化成相应事件，并更新模型，同时视图随模型的修改而做出的变化也通过控制器来通知7。 2.2 TomcatTomcat 服务器是一款Web 应用服务器，其特点是免费、开源，是一款轻量级应用服务器，普遍应用于中小型系统或者并发访问用户不是很多的场合下8。2.3 GeoServerGeoServer是符合OpenGIS Web服务器规范的 J2EE 实现软件，同样具有开源、免费的特点，通过简单的操作就可以方便的自己的地图数据发布成服务，并允许用户进行更新、删除等管理操作，用户之间可迅速共享空间地理数据资源。对于WMS和WFS特性均可兼容，也支持多种数据存储格式，能够将网络地图输出为多种格式9。2.4 OpenLayersOpenLayers是一个用于开发Web GIS客户端的开源免费的JavaScript开发包，它令熟悉JavaScript语言的开发人员能够添加自己所需的功能，从而搭建起具有自身需求特色的Web GIS客户端，同时轻量级的特性使得其可以不受限制在商业平台上的应用10。2.5 HTML+CSS+JavaScriptHTML+CSS+JavaScript是网页前台设计的标准套装，它将文档结构、样式与交互功能分离，使得制作网页时能够轻松的修改其中的某一方面而无需对整体进行重新编辑11。3 需求分析与概要设计3.1系统总体设计运用Web GIS开发的相关知识，将数据库中的地图资源添加到前端网页中，并提供多种地图操作工具和查询方法，从而搭建成具有多种查询功能、便捷的土壤资源信息查询系统。整个系统采用MVC框架的B/S设计模式，系统分为游览器端、服务器端、数据库端三个部分。游览器端供用户操作及地图或其他信息的显示，服务器端进行数据与信息的计算与处理，数据库端存储用户信息以及地图数据（其中用户信息使用普通数据库，地图数据使用空间数据库）12,13,14。其实现流程为：通过PostgreSQL数据库组织管理土地资源信息以及用户相关的信息，在服务器上安装的GeoServer则用于调用数据库中的资源组织成服务连接以供前端的网页系统使用，而Tomcat作为应用服务器用于承载GeoServer以及网页请求的响应，前端网页运用OpenLayers渲染显示地图资源信息，同时也用于将收发和响应用户的地图操作请求15。（1）总体设计模式采用MVC设计模式，开发可扩展的、高效易用的浏览器端应用程序。（2）UI总体设计采用Html+Css+JavaScript的开发模式，为用户提供良好的操作体验。保证操作界面的可用性、易用性，保证高效的人机交互。（3）数据设计针对地图模块需求对地图数据采用分专题的数据组织方式，以“空间数据库”为存储方式。（4）数据访问设计空间数据采用GeoServer发布的服务接口访问调用。（5）GIS功能模块总体设计运用OpenLayers，提供地图浏览、查询功能，地图过滤、专题切换。3.2需求分析地图功能模块是指涉及地图相关操作功能的模块，除了包括基本地图操作，如显示、平移等，还要提供相关查询操作。该功能模块应以简洁易懂为原则，力求实现令用户一目了然的操作方法。主要包括了以下功能：地图基础功能、地图辅助功能、区域筛选功能、专题图切换功能、空间查询工具、属性搜索功能。功能模块见图2图 2功能模块3.2.1地图基础功能（1）放大、缩小功能。提供地图可视范围放大和缩小。（2）平移、漫游功能。允许通过拖动或者点击按钮方式操作地图显示区域。（3）缩放至全图功能。缩放至可显示整幅地图的可视范围。3.2.2地图辅助功能（1）地图辅助控件，比例尺、指针位置信息、图例。用于辅助地图操作的控件，便于用户读懂地图信息。（2）图层操作功能。用户通过勾选与去除勾选来控制制定图层的显示与否。3.2.3区域筛选功能用户通过选择指定地图显示的区域范围，去除非指定的干扰区域。3.2.4专题切换功能用户可从指定专题图中选择其中一幅进行显示。3.2.5空间查询工具（1）点击查询。用户通过指针点击要查询的要素即可进行查询，同时在信息窗中显示详细信息。（2）框选查询。用户通过指针绘制矩形范围进行查询，查询结果可在信息窗中查看。（3）增选。用户在原有选择结果的基础上增加其他选择。3.2.6属性搜索功能用户通过查询窗口，根据需要按属性字段进行搜索查询。3.3界面设计 系统包括了登录界面、注册界面、后台管理界面、地图界面，其中地图界面作为GIS功能模块的实际操作面板，是用户与系统之间的交互手段。图3为地图界面图 3地图界面地图界面设计注重页面可读性，将不同功能分类放置，使得各个功能易于用户使用。地图界面主要分为Logo区、地图区、区域筛选区、图层操作区、工具区、信息窗口几个部分。Logo区：用于显示系统Logo、菜单栏以及用户后台管理入口及注销按钮。地图区：地图界面最主要区域，用于显示地图及其他地图元件如图例、比例尺、工具栏等。用户可使用鼠标直观的操作地图区，通过选择工具栏中按钮可进行多种查询方式，如框选等。区域筛选区：动态加载组建树状结构的地区标签，用户通过选择标签可对查询图层的显示范围进行限制。图层操作区：用于进行图层相关操作的区域，用户可通过勾选图层来控制图层的显示与否。（注：作为最主要的查询图层不提供隐藏操作。）工具区：该区域分为选择分析图和其他两个栏目，其中用户通过选择分析图可选择所要查看分析图类型，其他栏目则用于放置其他地图工具，包括属性查询和打印地图。信息窗口：用于显示用户所查询的要素信息，当用户查询多个要素时，将出现切换按钮，如图4所示：图 4信息窗口当点击时将显示所有查询要素的信息，如图5所示：图 5信息列表3.4数据设计本系统涉及GIS功能模块的数据表主要有土壤信息表、区域界线表。其中土壤信息表是实现GIS功能的主要表，其余均为加强地图显示效果的次要表。土壤信息表包含了土壤信息，其中最主要的有内部标识码、县地力等级、部地力等级、有机质分区、碱解氮分区、有效磷分区、交换性钙分区、交换性镁分区、有效硫分区、有效锌分区、有效硼分区、速效钾分区、乡名称、县名称、省名称、行政区代码。表结构如表1所示：表格 1土壤信息表字段名字段说明数据类型长度其他约束neibubiaoshima内部标识码integer4uniquexiandilidengji县地力等级numeric8budilidengji部地力等级numeric8youjizhifenqu有机质分区character20danjiedanfenqu碱解氮分区character20youxiaolinfenqu有效磷分区character20jiaohuanxinggaifen交换性钙分character20jiaohuanxingmeifen交换性镁分character20youxiaoliufenqu有效硫分区character20youxiaoxinfenqu有效锌分区character20youxiaopengfenqu有效硼分区character20suxiaojiafenqu速效钾分区character20xiang乡名称character20xian县名称character20sheng省名称character20xingzhengqudaima行政区代码character144.系统详细设计基于Web GIS的耕地土壤查询系统GIS功能模块的实现，通过以上的分析与设计，已经能够对整个系统有了很明确的了解，让编写代码的实现思路变得清晰明了，实现部分变得相对轻松。下面将按照功能介绍详细的设计方案。4.1地图基础功能详细设计4.1.1功能说明地图基础功能包括地图的显示、放大、缩小、平移等基本功能，是其他功能实现的基础。其设计要点是使用OpenLayers的初始化方法，通过设置参数对地图进行加载，并添加控件。4.1.2流程逻辑流程图 1地图基础功能流程图Openlayers中map对象具有多种便利的方法，只需通过简单的参数设置即可完成基本的功能需求。OpenLayers中地图需要页面中的一个div作为绘制容器，同时地图也是图层的容器，在进行初始化时需要先配置加载地图，才可进行后续操作。4.1.3主要代码主要代码代码说明var map;var tiled;function init() format = image/png; var bounds = new OpenLayers.Bounds( 561715.9938000055, 3039731.209201256, 631021.7168000218, 3107632.2363011627 ); var options = controls: , maxExtent: bounds, maxResolution: 253.51963710901146, projection: EPSG:21420, units: m ; map = new OpenLayers.Map(map, options);untiled = new OpenLayers.Layer.WMS( LC:lc-Untiled, http:/localhost:8081/geoserver/LC/wms, LAYERS: LC:lc, STYLES: , format: format,singleTile: true, ratio: 1, isBaseLayer: true, yx : EPSG:21420 : true );map.addLayer(untiled);map.addControl(new OpenLayers.Control.PanZoomBar(position:new OpenLayers.Pixel(2, 15) );初始化函数init设置地图显示范围设置地图参数：范围、缩放比例、坐标系统、度量单位在页面对应区域显示地图设置图层参数加载图层加载控件4.2地图辅助功能详细设计4.2.1功能说明地图辅助功能是用于增强地图显示效果，提高用户体验，包括了比例尺、图例、指针坐标、图层开关等控件。其设计要点是在初始化函数中添加相应控件。其实现方法与地图基础功能中加载控件方法相同。流程图及主要代码见4.1 加载控件部分。4.3区域筛选功能详细设计4.3.1功能说明区域筛选功能要求区域标签实现动态构建标签树，并能通过点击标签对查询图层进行过滤。通过分析可知此功能的实现可分为构建标签列表与实现过滤功能两大步骤。设计要点：（1）通过ajax函数读取标签构建菜单；（2）通过设置mergeNewParams中filterParams参数对图层过滤。4.3.2流程逻辑流程图 2区域过滤功能流程图用户通过点击选项完成筛选流程，程序内部自动判别用户点击的选项进行相应操作。其中当点击“显示全部”时调用resetFilter方法重置过滤条件，点击其他项时根据点击项构造过滤语句。4.3.3主要代码主要代码代码说明$.ajax(url:./zhenma.xml,type:POST,dataType:xml,error: function(a,b,c)alert(c);,success: function(xml) var html =;html+=显示全部;$(xml).find(sheng).each(function() var province=$(this); html+=+province.attr(name)+;province.find(shi).each(function() var city=$(this);html+=+city.attr(name)+;city.find(xian).each(function() var xian=$(this); html+=+xian.attr(name)+;xian.find(zhen).each(function() var zhen=$(this);html +=+zhen.attr(name)+; );html +=; );html +=; );html +=; );html +=;$(.navigation).append(html);Ajax以post方式读取区域文件创建“显示全部”选项按省、市、县、乡创建选项结构树$(.resetfilter).click(function(e) resetFilter(););$(.zhen).click(function(e) var qid = $(this).attr(id)+000;var filter=qid = +qid; updateFilter(filter););function updateFilter(filter) var filterParams = filter: null, cql_filter: null, featureId: null ; filterParamscql_filter = filter; mergeNewParams(filterParams); function resetFilter() updateFilter(null); function mergeNewParams(params) untiled.mergeNewParams(params); 过滤功能实现代码构建过滤参数应用过滤设置为图层设置新参数4.4专题切换功能详细设计4.4.1功能说明专题图切换功能令用户可按需选择专题图类型，此功能的实现依靠事先在GeoServer中配置好的sld样式，然后同样使用mergeNewParams方法改变图层所使用的sld样式来改变专题图类型。当用户点击专题图列表下的选项时，获取选项序列组成sld名称，然后调用方法改变样式，之后改变图例与图匹配16。设计要点：通过设置mergeNewParams中styles参数对图层过滤。4.4.2流程逻辑流程图 3专题切换功能流程图用户点击专题图项，系统根据点击的项构造语句进行设置。4.4.3主要代码主要代码代码说明$(.toolul:first).find(li).click(function(e) setStyle(sld+$(this).index(););function setStyle(style) untiled.mergeNewParams( styles: style );addLengend(style) 构建参数设置style4.5空间查询功能详细设计4.5.1功能说明空间查询功能是用户重要的查询手段之一，包括点击查询、框选查询与增选查询，所有查询方式的最终结果都将显示于信息窗口，并根据结果决定信息窗口的功能按钮是否显示，此外信息窗口当前显示的图层也将在地图上高亮显示。设计要点：（1）使用WMS服务GetFeatureInfo方式获取查询区域信息；（2）使用矢量图层绘制查询区域；（3）使用WFS请求对应GML信息绘制高亮图层。4.5.2流程逻辑流程图 4空间查询功能流程图地图默认即可进行点击查询，系统将根据情况作出相应操作。当用户不开启任何空间查询工具时，直接构造参数进行查询；当用户激活框选查询工具按钮，系统将启用“绘制多边形”控件，完成绘制后将绘制区域的参数传入查询参数进行查询；当用户激活增选查询工具按钮时，系统将查询结果暂存于隐藏区域，与原查询结果进行一些判别后进行组合，最后将结果显示给用户。4.5.3主要代码主要代码代码说明map.events.register(click, map, function (e) var params = REQUEST: GetFeatureInfo, EXCEPTIONS: application/vnd.ogc.se_xml, BBOX: map.getExtent().toBBOX(), SERVICE: WMS, INFO_FORMAT: text/html, QUERY_LAYERS: map.layers0.params.LAYERS, FEATURE_COUNT: 50, Layers: LC:lc, WIDTH: map.size.w, HEIGHT: map.size.h, format: format, styles: map.layers0.params.STYLES, srs: map.layers0.params.SRS; if(map.layers0.params.CQL_FILTER != null) params.cql_filter= map.layers0.params.CQL_FILTER; if(map.layers0.params.FILTER != null) params.filter= map.layers0.params.FILTER; if(map.layers0.params.FEATUREID) params.featureid= map.layers0.params.FEATUREID; OpenLayers.loadURL(http:/localhost:8081/geoserver/LC/wms, params, this, setHTML, setHTML); OpenLayers.Event.stop(e); );点击查询：为地图绑定点击事件请求主体，包含一些设置参数其原理是通过显示的窗口大小、鼠标点击的坐标及地图的显示区域范围三个参数来确定地图坐标，在对坐标点所在的一个小范围区域的要素进行查询。回调函数SetHTML对结果进行处理var boxLayer = new OpenLayers.Layer.Vector(Boxlayer);drawControl=new OpenLayers.Control.DrawFeature(boxLayer, OpenLayers.Handler.RegularPolygon, handlerOptions: sides: 4, irregular: true );map.addControl(drawControl);drawControl.featureAdded=onEndDraw;drawControl.activate();BBOX: geometry.bounds.toBBOX(),WIDTH: 6,HEIGHT: 6,框选绘制矩形：创建矢量图层创建绘制矩形控件设置回调函数处理激活控件查询参数修改部分经试验得知openlayers中的点击查询实际是一个6*6像素的矩形区域查询，所以通过此设置可实现查询矩形范围内所有要素。if($(li#add_select).hasClass(on)$(#addlist).html(response.responseText);var add_o=$(#addlist table.featureInfo).find(tr);var o=$(#nodelist table.featureInfo).find(tr);if(add_o.length2) return false;if($(#nodelist).find(table.featureInfo).length!=0) for(i=1;iadd_o.length;i+) var r=0;for(z=1;zo.length;z+)if(add_o.eq(i).find(td).eq(0).html()=o.eq(z).find(td).eq(0).html()r=1;break;if(r=0)$(#nodelist table.featureInfo tbody).append(add_oi);else$(#nodelist).html($(#addlist).html();增选查询代码：暂存结果判断重复添加结果集var gml = http:/localhost:8081/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=LC:lcdata&featureid=+x.getNamedItem(fid).nodeValue;OpenLayers.loadURL(gml, this, caller);function caller(data) g = new OpenLayers.Format.GML(); features = g.read(data.responseText); HL_layer.addFeatures(features0); 高亮显示功能代码通过GML绘制高亮要素4.6属性搜索功能详细设计4.6.1功能说明属性搜索需要先构建搜索栏的下拉菜单选项，之后通过获取属性搜索栏中各下拉菜单选择的选项及属性字段和属性值，构建查询语句，调用updateFilter方法实现。4.6.2流程逻辑流程图 5属性搜索功能流程图用户打开搜索窗口设置搜索条件，点击搜索按钮，系统根据设置的条件进行搜索后将结果直观反映在地图上。4.6.3主要代码主要代码代码说明$(#select_sheng).change(function(e) var ops=; var p=$(this).children(option:selected).val();$(xml_data).find(shengname=+p+).find(shi).each(function(index, element) ops+=+$(this).attr(name)+; );$(#select_shi).html(ops); );查询窗口构建示例代码updateFilter(sql);功能主要方法，主体参见4.35.系统功能测试5.1测试说明针对系统实际应用采用基于功能需求的黑盒测试。5.2测试环境测试设备：IE 11 浏览器操作系统：WIN 7 5.3测试结果5.2.1 地图基础功能测试用户登录成功后，进入地图操作页面，进行正常的地图浏览及基础操作如图6所示。图 6操作界面5.2.2 空间查询功能测试用户进行信息查询操作，测试包括点击查询、框选查询、增选查询及信息窗口的相关功能测试。点击查询：不激活任何工具的情况下直接点击，结果如图7所示：图 7点击查询框选查询：，操作步骤为：激活框选工具拖动鼠标查询区域松开鼠标进行查询。一共得到了5个要素。其流程如图8图9所示：图 8框选查询图 9框选查询结果增选查询：激活增选工具点击（或使用框选）增选要素。图中初始仅有一个要素，增选后增加至2个 如图10，使用框选增选后增加至7个 如图11。图 10增选查询1图 11增选查询2信息窗口：切换上一个或下一个，信息窗口改变高亮要素相应改变，点击全部，显示所有信息 如图12。图 12信息列表5.2.3 图层、样式、过滤、搜索相关功能测试：此部分对图层要素相关的功能进行测试。图层开关测试：去除行政界限图勾选，结果如图13所示：图 13图层控制区域过滤：选择福建省南平市武夷山市星村镇进行测试，结果图层仅显示星村镇内要素。结果如图14所示：图 14区域过滤专题图切换：当前显示磷丰缺图，切换至有机质分布图。结果如图15所示：图 15专题图切换图斑搜索功能：开启搜索栏设置条件搜索。以搜索武夷山市所以有机质分区为丰富的图斑为例。结果如图16所示：图 16搜索功能6.总结与展望6.1总结本文介绍了Web GIS的相关背景及特点，以及基于Web GIS的福建土壤信息查询系统的设计与