師院電子地圖的策劃與實(shí)行范文

本站小編為你精心準(zhǔn)備了師院電子地圖的策劃與實(shí)行參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

地圖顯示功能

1整張地圖顯示

利用Openlayers可直接實(shí)現(xiàn)地圖的導(dǎo)航條、拖動(dòng)、放大、縮小、漫游、全屏顯示、圖層控制、地圖坐標(biāo)顯示等功能，可隨意調(diào)整大小，以便以最佳效果顯示.關(guān)鍵代碼如下：map.addControl(newOpenLayers.Control.MouseDefaults());//拖動(dòng)、放大、縮小‖map.addControl(newOpenLayers.Control.KeyboardDefaults());//上移、下移、左移、右移‖map.addControl(newOpenLayers.Control.LayerSwitcher());//實(shí)現(xiàn)圖層控制‖map.addControl(newOpenLayers.Control.PanZoomBar());//實(shí)現(xiàn)地圖的拉桿導(dǎo)航操作‖map.addControl(newOpenLayers.Control.MousePosition());//實(shí)現(xiàn)鼠標(biāo)的坐標(biāo)點(diǎn)顯示位置‖

2建筑物的顯示

顯示各建筑物是本地圖的一大功能，主要顯示建筑物的選擇定位和建筑物具體信息，實(shí)現(xiàn)過程分以下兩個(gè)步驟.

1)設(shè)置加載的圖層樣式，關(guān)鍵代碼如下所示："select":newOpenLayers.Style({‖graphicWidth:30,//點(diǎn)對象的寬‖graphicHeight:30,//點(diǎn)對象的高‖externalGraphic:"img/marker-gold.png",//如果選擇對象是點(diǎn)對象的話使用另外的圖標(biāo)樣式顯示‖fillColor:"blue",//填充樣式為藍(lán)色‖fillOpacity:0.4,//透明度‖hoverFillColor:"white",//熱鏈接的填充顏色為白色‖hoverFillOpacity:0.8,//熱鏈接的填充透明度‖strokeColor:"blue",//對象邊框色‖strokeOpacity:1,‖strokeWidth:1,//對象邊框?qū)挾取瑂trokeLinecap:"round",‖strokeDashstyle:"solid",‖hoverStrokeColor:"red",‖hoverStrokeOpacity:1,‖hoverStrokeWidth:0.2,‖pointRadius:6,‖hoverPointRadius:1,‖hoverPointUnit:"%",‖pointerEvents:"visiblePainted",‖cursor:"pointer"‖})‖.

2)注冊對象的點(diǎn)擊事件.mi_Vectors.events.register("click",mi_Vectors,Aardvark7JavascriptLib.vectorclick);圖1系統(tǒng)功能模塊圖Fig.1Systemfunctionmodulechart即可在點(diǎn)擊對象時(shí)觸發(fā)Aardvark7JavascriptLib.vectorclick事件，在此事件中可打開氣泡窗口，獲取對象編號，然后，通過Ajax中的Aardvark7JavascriptLib.GetValue函數(shù)與后臺交互，在氣泡窗口中展示信息.

地圖查詢功能

查詢功能在大地圖中更重要，在搜索欄中輸入要查詢的標(biāo)志物，單擊搜索按鈕，即可查詢該標(biāo)志物.

系統(tǒng)維護(hù)

用戶登錄分為普通用戶登錄和管理員登錄，前者有登錄、注冊、瀏覽、查詢權(quán)限，后者有地圖管理和用戶管理權(quán)限.本系統(tǒng)的特點(diǎn)是管理員前臺修改功能方便、直接，登錄后可對建筑物直觀地添加或刪除點(diǎn)、線和不規(guī)則形狀，同樣方便地添加和修改建筑物的文字信息、圖片信息和視頻信息，關(guān)鍵程序代碼如下：privatevoideditPic(HttpContextcontext)‖{‖stringsql="",ls_1="",ls_fy="";‖stringl_sql=(string)context.Request["sql"];//‖stringl_where=(string)context.Request["whe"];‖sql="select*from"+l_sql+l_where;//組織sql語句‖DataSetds=UcfarDB.Create().ExecuteDataSet(sql);//獲取數(shù)據(jù)集‖ls_1=getstring(ds.Tables[0],l_sql,l_where);//生成html的數(shù)據(jù)結(jié)構(gòu)‖context.Response.CacheControl="no-cache";//客戶端不用緩存數(shù)據(jù)‖context.Response.Write(ls_1);//傳遞到客戶端‖}‖.

系統(tǒng)實(shí)現(xiàn)效果

1系統(tǒng)主界面

本系統(tǒng)全面地實(shí)現(xiàn)了上述各項(xiàng)功能，其主界面如圖2所示.

2部分功能模塊效果

2.1整張地圖顯示

圖2左上角有顯著的導(dǎo)航條，導(dǎo)航條上半部是上下左右移動(dòng)的四個(gè)按鈕，實(shí)現(xiàn)四個(gè)方向的移動(dòng)功能；下半部分是縮放按鈕，可按照不同比例縮放，在地圖上的非建筑物位置隨意拖動(dòng)鼠標(biāo)，可實(shí)現(xiàn)整張地圖的移動(dòng)顯示功能.

2.2建筑物顯示

光標(biāo)移動(dòng)到相應(yīng)標(biāo)志物上方，即變成選中狀態(tài)，該標(biāo)志物顏色變深，此時(shí)點(diǎn)擊左鍵，即出現(xiàn)顯示框顯示該標(biāo)志物的具體信息，還可選擇圖片或視頻以顯示更多信息.效果見圖3.

2.3系統(tǒng)維護(hù)功能

管理員進(jìn)入后臺管理時(shí)，可方便地選定建筑物和添加有關(guān)信息，它適合于學(xué)校增加新的建筑物或建筑物發(fā)生改變時(shí)，使得系統(tǒng)具有良好的升級空間.在進(jìn)入后臺后，可在左邊位置看到如圖4所示的按鈕，這些按鈕有設(shè)置和維護(hù)功能，選擇加任意形狀按鈕，在建筑物上畫任意形狀圖形，當(dāng)形成一個(gè)閉合圖形后彈出屬性錄入入口，添加名稱和顯示內(nèi)容，如圖5所示.選擇圖片或視頻添加按鈕，出圖片/視頻增加對話框，添加建筑物圖片和視頻信息，如圖6所示.

結(jié)束語

本系統(tǒng)是根據(jù)校園地理結(jié)構(gòu)設(shè)計(jì)的，精確反映了校園內(nèi)的各種地物信息，具有顯示、查詢和維護(hù)功能，特別是當(dāng)?shù)貓D更新時(shí)，管理員可以非常直觀、方便地對系統(tǒng)進(jìn)行升級.系統(tǒng)界面友好、方便，可以作為校園網(wǎng)子系統(tǒng)使用，有助于校園規(guī)劃建設(shè)和管理，為新生和家長以及其他初次到訪校園人員提供導(dǎo)向功能，為高校帶來良好的社會(huì)效益.當(dāng)然，本系統(tǒng)在距離測量和空間分析等方面功能表現(xiàn)較弱，是今后系統(tǒng)進(jìn)一步升級中需要加強(qiáng)的部分.

作者：黃梅紅單位：泉州師范學(xué)院應(yīng)用科技學(xué)院