實(shí)驗(yàn)三：SuperMap WebGIS快速入門參考模板

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

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

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