實驗三：SuperMap WebGIS快速入門參考模板

1、網(wǎng)絡地理信息系統(tǒng) 專業(yè)課程設計任務書題 目實驗一：快速入門成績學生姓名專業(yè)班級學號課題性質(zhì)上機實驗課題來源課內(nèi)實驗指導教師李衛(wèi)東同組姓名主要內(nèi)容（1）安裝SuperMap iServer軟件（2）發(fā)布GIS數(shù)據(jù)（3）建立程序目錄，復制SuperMap iClient for JavaScript腳本庫（4）開發(fā)GIS功能（5）調(diào)試（6）發(fā)布網(wǎng)頁（7）安裝IIS服務器任務要求按照實驗內(nèi)容上機操作，過程截圖后完成上機實驗報告。參考文獻1. SuperMap iClient for JavaScript開發(fā)教程.批改意見審查意見指導教師簽字： 教研室主任簽字： 日期 2016年 月 日 1 / 5一

2、、 實踐目的和要求目的：1、了解WebGIS開發(fā)流程；2、了解SuperMap iServer開發(fā)步驟。要求：能夠開發(fā)出一個地圖瀏覽網(wǎng)頁，并能將該網(wǎng)頁部署到IIS服務器及TomCat服務器上。二、實驗內(nèi)容（1）安裝SuperMap iServer軟件（2）發(fā)布GIS數(shù)據(jù)（3）建立程序目錄，復制SuperMap iClient for JavaScript腳本庫（4）開發(fā)GIS功能（5）調(diào)試（6）發(fā)布網(wǎng)頁（7）安裝IIS服務器三、實驗數(shù)據(jù)實驗一：快速入門四、步驟和結果1. 復制腳本庫文件創(chuàng)建lupeng文件夾。將iClient文件下的Javaforjavascript目錄下的Libs文件夾和th

3、eme文件夾如圖1所示?？截惖絣upeng文件夾下，并建立html文件，如圖2所示。其中，Libs文件夾，所有控件和基礎類的文件，theme文件夾，控件資源以及樣式文件。圖1 Java for javascript目錄圖2 lupeng文件夾2.編寫HTML文件，實現(xiàn)功能：地圖瀏覽，地圖放大、縮小、漫游，最終代碼如圖3所示。圖3 HTML文件代碼3.啟動Supermap iSever的服務，如圖4所示。在瀏覽器輸入localhost：8090驗證是否啟動成功如圖5所示。圖4 啟動Supermap iSever圖5 驗證服務啟動4.在瀏覽器輸入，localhost：8090/lupeng/test.htm即可實現(xiàn)功能。如圖6所示。圖6 地圖功能實現(xiàn)五、總結此次實驗實現(xiàn)了通過超圖的iServer服務，實現(xiàn)了瀏覽器端實現(xiàn)地圖瀏覽，地圖放大、縮小、漫游等功能。在此次實驗進行之前，先進行了supermap iSever 8c的許可更新，自己操作了一遍，掌握了如何通過超圖官網(wǎng)進行許可申請以及更新等操作。同時，此頁面的實現(xiàn)也利用了一些javascript的相關知識，雖然只是將supermap iSever里面的腳本庫文件添加