实验三：SuperMap WebGIS快速入门

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

题目 学生姓名 课题性质 指导教师 上机实验 李卫东 实验一：快速入门 专业班级 课题来源 同组姓名 成绩 学号 课内实验 主要内容 （1）安装SuperMapiServer软件 （2）发布GIS数据 （3）建立程序目录，复制SuperMapiClient for JavaScript脚本库 （4）开发GIS功能 （5）调试 （6）发布网页 （7）安装IIS服务器 任务要求 按照实验内容上机操作，过程截图后完成上机实验报告。 1.SuperMapiClient for JavaScript开发教程. 参考文献 批改意见 审查意见 指导教师签字： 教研室主任签字： 日期 2016年月日

1

一、 实践目的和要求

目的：

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文件夹，控件资源以及样式文件。

2

图1Javaforjavascript目录

图2lupeng文件夹

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

图3HTML文件代码

3

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

图4启动SupermapiSever

图5验证服务启动

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

4

图6地图功能实现

五、总结

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

5

本文来源：https://www.bwwdw.com/article/ozwh.html