師院電子地圖的策劃與實行范文

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

地圖顯示功能

1整張地圖顯示

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

2建筑物的顯示

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

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

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

地圖查詢功能

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

系統維護

用戶登錄分為普通用戶登錄和管理員登錄，前者有登錄、注冊、瀏覽、查詢權限，后者有地圖管理和用戶管理權限.本系統的特點是管理員前臺修改功能方便、直接，登錄后可對建筑物直觀地添加或刪除點、線和不規則形狀，同樣方便地添加和修改建筑物的文字信息、圖片信息和視頻信息，關鍵程序代碼如下：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);//獲取數據集‖ls_1=getstring(ds.Tables[0],l_sql,l_where);//生成html的數據結構‖context.Response.CacheControl="no-cache";//客戶端不用緩存數據‖context.Response.Write(ls_1);//傳遞到客戶端‖}‖.

系統實現效果

1系統主界面

本系統全面地實現了上述各項功能，其主界面如圖2所示.

2部分功能模塊效果

2.1整張地圖顯示

圖2左上角有顯著的導航條，導航條上半部是上下左右移動的四個按鈕，實現四個方向的移動功能；下半部分是縮放按鈕，可按照不同比例縮放，在地圖上的非建筑物位置隨意拖動鼠標，可實現整張地圖的移動顯示功能.

2.2建筑物顯示

光標移動到相應標志物上方，即變成選中狀態，該標志物顏色變深，此時點擊左鍵，即出現顯示框顯示該標志物的具體信息，還可選擇圖片或視頻以顯示更多信息.效果見圖3.

2.3系統維護功能

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

結束語

本系統是根據校園地理結構設計的，精確反映了校園內的各種地物信息，具有顯示、查詢和維護功能，特別是當地圖更新時，管理員可以非常直觀、方便地對系統進行升級.系統界面友好、方便，可以作為校園網子系統使用，有助于校園規劃建設和管理，為新生和家長以及其他初次到訪校園人員提供導向功能，為高校帶來良好的社會效益.當然，本系統在距離測量和空間分析等方面功能表現較弱，是今后系統進一步升級中需要加強的部分.

作者：黃梅紅單位：泉州師范學院應用科技學院