本站小編為你精心準(zhǔn)備了師院電子地圖的策劃與實(shí)行參考范文,愿這些范文能點(diǎn)燃您思維的火花,激發(fā)您的寫(xiě)作靈感。歡迎深入閱讀并收藏。
地圖顯示功能
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)過(guò)程分以下兩個(gè)步驟.
1)設(shè)置加載的圖層樣式,關(guān)鍵代碼如下所示:"select":newOpenLayers.Style({‖graphicWidth:30,//點(diǎn)對(duì)象的寬‖graphicHeight:30,//點(diǎn)對(duì)象的高‖externalGraphic:"img/marker-gold.png",//如果選擇對(duì)象是點(diǎn)對(duì)象的話使用另外的圖標(biāo)樣式顯示‖fillColor:"blue",//填充樣式為藍(lán)色‖fillOpacity:0.4,//透明度‖hoverFillColor:"white",//熱鏈接的填充顏色為白色‖hoverFillOpacity:0.8,//熱鏈接的填充透明度‖strokeColor:"blue",//對(duì)象邊框色‖strokeOpacity:1,‖strokeWidth:1,//對(duì)象邊框?qū)挾取瑂trokeLinecap:"round",‖strokeDashstyle:"solid",‖hoverStrokeColor:"red",‖hoverStrokeOpacity:1,‖hoverStrokeWidth:0.2,‖pointRadius:6,‖hoverPointRadius:1,‖hoverPointUnit:"%",‖pointerEvents:"visiblePainted",‖cursor:"pointer"‖})‖.
2)注冊(cè)對(duì)象的點(diǎn)擊事件.mi_Vectors.events.register("click",mi_Vectors,Aardvark7JavascriptLib.vectorclick);圖1系統(tǒng)功能模塊圖Fig.1Systemfunctionmodulechart即可在點(diǎn)擊對(duì)象時(shí)觸發(fā)Aardvark7JavascriptLib.vectorclick事件,在此事件中可打開(kāi)氣泡窗口,獲取對(duì)象編號(hào),然后,通過(guò)Ajax中的Aardvark7JavascriptLib.GetValue函數(shù)與后臺(tái)交互,在氣泡窗口中展示信息.
地圖查詢功能
查詢功能在大地圖中更重要,在搜索欄中輸入要查詢的標(biāo)志物,單擊搜索按鈕,即可查詢?cè)摌?biāo)志物.
系統(tǒng)維護(hù)
用戶登錄分為普通用戶登錄和管理員登錄,前者有登錄、注冊(cè)、瀏覽、查詢權(quán)限,后者有地圖管理和用戶管理權(quán)限.本系統(tǒng)的特點(diǎn)是管理員前臺(tái)修改功能方便、直接,登錄后可對(duì)建筑物直觀地添加或刪除點(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語(yǔ)句‖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)志物的具體信息,還可選擇圖片或視頻以顯示更多信息.效果見(jiàn)圖3.
2.3系統(tǒng)維護(hù)功能
管理員進(jìn)入后臺(tái)管理時(shí),可方便地選定建筑物和添加有關(guān)信息,它適合于學(xué)校增加新的建筑物或建筑物發(fā)生改變時(shí),使得系統(tǒng)具有良好的升級(jí)空間.在進(jìn)入后臺(tái)后,可在左邊位置看到如圖4所示的按鈕,這些按鈕有設(shè)置和維護(hù)功能,選擇加任意形狀按鈕,在建筑物上畫(huà)任意形狀圖形,當(dāng)形成一個(gè)閉合圖形后彈出屬性錄入入口,添加名稱和顯示內(nèi)容,如圖5所示.選擇圖片或視頻添加按鈕,出圖片/視頻增加對(duì)話框,添加建筑物圖片和視頻信息,如圖6所示.
結(jié)束語(yǔ)
本系統(tǒng)是根據(jù)校園地理結(jié)構(gòu)設(shè)計(jì)的,精確反映了校園內(nèi)的各種地物信息,具有顯示、查詢和維護(hù)功能,特別是當(dāng)?shù)貓D更新時(shí),管理員可以非常直觀、方便地對(duì)系統(tǒng)進(jìn)行升級(jí).系統(tǒng)界面友好、方便,可以作為校園網(wǎng)子系統(tǒng)使用,有助于校園規(guī)劃建設(shè)和管理,為新生和家長(zhǎng)以及其他初次到訪校園人員提供導(dǎo)向功能,為高校帶來(lái)良好的社會(huì)效益.當(dāng)然,本系統(tǒng)在距離測(cè)量和空間分析等方面功能表現(xiàn)較弱,是今后系統(tǒng)進(jìn)一步升級(jí)中需要加強(qiáng)的部分.
作者:黃梅紅單位:泉州師范學(xué)院應(yīng)用科技學(xué)院