实验三：SuperMap WebGIS快速入门

网络地理信息系统专业课程设计任务书

一、实践目的和要求

目的：

1、了解WebGIS开发流程；

2、了解SuperMapiServer开发步骤。

要求：

能够开发出一个地图浏览网页，并能将该网页部署到IIS服务器及TomCat 服务器上。

二、实验内容

（1）安装SuperMapiServer软件

（2）发布GIS数据

（3）建立程序目录，复制SuperMapiClient for JavaScript脚本库

（4）开发GIS功能

（5）调试

（6）发布网页

（7）安装IIS服务器

三、实验数据

实验一：快速入门

四、步骤和结果

1.复制脚本库文件

创建lupeng文件夹。将iClient文件下的Javaforjavascript目录下的Libs文件夹和theme文件夹如图1所示。拷贝到lupeng文件夹下，并建立html文件，如图2所示。其中，Libs文件夹，所有控件和基础类的文件，theme文件夹，控件资源以及样式文件。

图1Javaforjavascript目录

图2lupeng文件夹

2.编写HTML文件，实现功能：地图浏览，地图放大、缩小、漫游，最终代码如图3所示。

图3HTML文件代码

3.启动SupermapiSever的服务，如图4所示。在浏览器输入localhost：8090验证是否启动成功如图5所示。

图4启动SupermapiSever

图5验证服务启动

4.在浏览器输入，localhost：8090/lupeng/test.htm即可实现功能。如图6所示。

图6地图功能实现

五、总结

此次实验实现了通过超图的iServer服务，实现了浏览器端实现地图浏览，地图放大、缩小、漫游等功能。在此次实验进行之前，先进行了

supermapiSever 8c的许可更新，自己操作了一遍，掌握了如何通过超图官网进行许可申请以及更新等操作。同时，此页面的实现也利用了一些

javascript的相关知识，虽然只是将supermapiSever里面的脚本库文件添加之后在html文件中进行了引用，但是其用法还不是很明白，接下来的工作还有很多，需要进一步的去学习，一分耕耘一分收获。