实验三：SuperMap-WebGIS快速入门.doc

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

题 目
实验一：快速入门
成绩

学生姓名

专业班级

学号

课题性质
上机实验
课题来源
课内实验
指导教师
李卫东
同组姓名

主要内容
（1）安装SuperMap iServer软件
（2）发布GIS数据
（3）建立程序目录，复制SuperMap iClient for JavaScript脚本库
（4）开发GIS功能
（5）调试
（6）发布网页
（7）安装IIS服务器
任务要求

按照实验内容上机操作，过程截图后完成上机实验报告。

参考文献
1. SuperMap iClient for JavaScript开发教程.
批改意见

审查意见

指导教师签字：
教研室主任签字： 日期 2016年 月 日

一、 实践目的和要求
目的：
1、了解WebGIS开发流程；
2、了解SuperMap iServer开发步骤。
要求：
能够开发出一个地图浏览网页，并能将该网页部署到IIS服务器及TomCat服务器上。
二、实验内容
（1）安装SuperMap iServer软件
（2）发布GIS数据
（3）建立程序目录，复制SuperMap iClient for JavaScript脚本库
（4）开发GIS功能
（5）调试
（6）发布网页
（7）安装IIS服务器
三、实验数据
实验一：快速入门
四、步骤和结果
1. 复制脚本库文件
创建lupeng文件夹。将iClient文件下的Javaforjavascript目录下的Libs文件夹和theme文件夹如图1所示。拷贝到lupeng文件夹下，并建立html文件，如图2所示。其中，Libs文件夹，所有控件和基础类的文件，theme文件夹，控件资源以及样式文件。

图1 Java for javascript目录

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

图3 HTML文件代码

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

图4 启动Supermap iSever

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

图6 地图功能实现
五、总结
此次实验实现了通过超图的iServer服务，实现了浏览器端实现地图浏览，地图放大、缩小、漫游等功能。在此次实验进行之前，先进行了supermap iSever 8c的许可更新，自己操作了一遍，掌握了如何通过超图官网进行许可申请以及更新等操作。同时，此页面的实现也利用了一些javascript的相关知识，虽然只是将supermap iSever里面的脚本库文件添加之后在html文件中进行了引用，但是其用法还不是很明白，接下来的工作还有很多，需要进一步的去学习，一分耕耘一分收获。

（注：专业文档是经验性极强的领域，无法思考和涵盖全面，素材和资料部分来自网络，供参考。可复制、编制，期待你的好评与关注）