webgis基本功能实现.doc

WebGIS（Web Geographic Information System）是一种基于Web技术的地理信息系统，它允许用户在互联网上访问、展示、分析和管理地理数据。本文档主要介绍了使用ArcGIS API for JavaScript实现WebGIS的基本功能，包括加载在线地图服务、地图编辑、鹰眼视图和底图切换。 实现WebGIS的关键是集成和配置ArcGIS API。ArcGIS API for JavaScript是由Esri公司提供的JavaScript库，用于在Web浏览器中构建交互式的地图应用。在本实习任务中，你需要了解这个API以及与其相关的技术，如Dojo（一个JavaScript工具包和框架）、REST（Representational State Transfer，一种网络应用程序的设计风格和开发方式）和JSON（JavaScript Object Notation，一种轻量级的数据交换格式）。 配置ArcGIS API涉及以下几个步骤： 1. 将下载的arcgis_js_api和arcgis_js_sdk文件夹复制到Tomcat服务器的webapps目录下。这是为了让服务器能够访问这些资源。 2. 修改arcgis_js_api/library/3.14/3.14/init.js中的 '[HOSTNAME_AND_PATH_TO_JSAPI]'，将其替换为实际的服务器地址，例如 'localhost:8080/arcgis_js_api/library/3.14/3.14/'。同样，需要更新dojo.js中的相关路径。 3. 配置完成后，通过访问init.js文件，如果能正常显示内容，说明配置成功。 接下来，你需要创建HTML文件来展示WebGIS应用。在HTML文件中，你需要引入必要的CSS和JS文件，这些文件包含了ArcGIS API的功能。同时，编写JavaScript函数来实现地图的加载、图层控制和树状列表的展示。例如，你可以定义一个函数来加载地图服务： ```javascript function loadMap() { var map = new esri.Map("mapDiv", { basemap: "streets", center: [-118.2437, 34.0522], // long, lat zoom: 8 }); } ``` 这里，`basemap`参数指定了底图，`center`参数设置了地图的初始中心位置，`zoom`参数设定了初始缩放级别。 此外，还需要编写用于地图编辑的函数，这通常涉及到添加图层、编辑图元、保存更改等功能。例如，可以使用`esri.tasks.GeometryService`来处理几何对象，`esri.Graphic`来表示地图上的单个图形，以及`esri.AttributeInspector`来进行属性编辑。 鹰眼视图（或缩放框）是地图应用中常用的一个功能，它提供了一个小窗口来查看地图的全局视图。在ArcGIS API中，可以使用`esri.dijit.Zoom`或`esri.dijit.Navigation`来实现这一功能。 底图切换通常涉及到多个不同类型的底图图层，可以使用`esri.layers.LayerSwitcher`控件来让用户在不同的底图之间进行切换。 WebGIS的基本功能实现涉及了地图服务的加载、地图编辑、辅助视图如鹰眼的创建以及底图的切换。通过理解和运用ArcGIS API for JavaScript，可以构建出丰富的WebGIS应用，满足地理信息的展示和分析需求。