本篇文章給大家談?wù)刧is地圖界面展示設(shè)計,以及gis畫地圖對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
目錄一覽:
界面設(shè)計
界面是人與信息溝通的渠道,界面設(shè)計的目的是使這個渠道簡潔明了,使人能隨意地進行操作,并在這個過程中得到有效的幫助。而網(wǎng)頁界面設(shè)計的目的則是為了使網(wǎng)頁中的內(nèi)容得到更好的體現(xiàn),更加突出界面設(shè)計的主題性。盡管網(wǎng)站的頁面設(shè)計根據(jù)不同的系統(tǒng)功能要求,會體現(xiàn)出一定的個性化設(shè)計,但也要遵循一致性原則,即使網(wǎng)站整體保持色調(diào)、組件等元素的一致性(張帆等,2005;古大詒等,2000;劉永瞻,2002;吳瑜,2004)。由于系統(tǒng)涉及的頁面眾多,文中僅選取若干代表性的頁面進行設(shè)計說明,主要包括總體界面設(shè)計、國家風(fēng)險界面設(shè)計、運輸風(fēng)險界面設(shè)計與系統(tǒng)管理界面設(shè)計。
5.2.4.1 總體界面設(shè)計
該原型系統(tǒng)總體界面設(shè)計參考了Web界面設(shè)計的一系列基本原則,采用Sharepoint對整個系統(tǒng)界面進行合理的部署。主體界面主要包括:A區(qū)域為系統(tǒng)主題LOGO; B區(qū)域為功能導(dǎo)航欄;C區(qū)域為功能細分區(qū);D區(qū)域為功能展示區(qū);E區(qū)域為版權(quán)信息說明(圖5.20)。
圖5.20 系統(tǒng)總體界面
![](/zb_users/plugin/erx_Weixin/img/zzcm1.jpg)
添加微信好友, 獲取更多信息
復(fù)制微信號
5.2.4.2 國家風(fēng)險界面設(shè)計
國家風(fēng)險展示界面的設(shè)計宗旨是:①全面準(zhǔn)確、清晰地在GIS地圖上顯示世界各個區(qū)域或者國家的風(fēng)險;②清晰、明確地顯示與我國在油氣和固體礦產(chǎn)資源進出口方面有密切往來國家的地理、歷史、民族宗教等基本信息,特別是油氣輸出敏感地區(qū)、國家的政治、經(jīng)濟、地緣等風(fēng)險信息,為用戶是否選擇其作為石油進口來源提供科學(xué)依據(jù)。
國家風(fēng)險界面由兩部分組成。之一部分通過GIS調(diào)用世界地圖,在世界地圖上根據(jù)每個國家或者區(qū)域的風(fēng)險大小,用不同的顏色來為每個國家或者區(qū)域著色,主要是采用了紅色和黃色兩種色系來表示風(fēng)險。
第二部分為每個國家的信息展示,主要包括與我國在油氣和固體礦產(chǎn)資源進出口方面有密切往來的20幾個國家。之一部分頁面設(shè)計與主界面保持一致,第二部分重點介紹國家信息展示頁面,如圖5.21所示。風(fēng)險信息的國家風(fēng)險界面色系選擇了與整個系統(tǒng)相一致的藍色系,色彩清爽、干凈,給人以清新愉快的感覺。界面布局以塊狀分布為主,在有限的區(qū)域內(nèi)井井有條地展示大量、豐富的信息。整個界面鏈接的邏輯思路清晰,用戶可從任何頁面方便地返回首頁,或者在各功能模塊間切換。
圖5.21 國家風(fēng)險界面——國家信息頁面
此頁面設(shè)計,為用戶提供了最重要的油氣信息,將頁面中心分為3個區(qū)域,區(qū)域C是地圖展示區(qū),在最醒目的區(qū)域E將以文字結(jié)合圖標(biāo)的形式展示該國家的地理位置、油氣資源概況和數(shù)據(jù)來源說明;頁面的左下部(區(qū)域D)被設(shè)計為列表菜單,用戶可以根據(jù)自己不同需要選擇、查看相關(guān)信息;頁面最下方的區(qū)域F是版權(quán)信息展示位置。
國家風(fēng)險界面在設(shè)計過程中嚴格貫徹了簡潔、美觀的設(shè)計思路和以用戶為中心的設(shè)計理念,較好地實現(xiàn)了美觀與實用的結(jié)合,達到設(shè)計初期制定的目標(biāo)。
5.2.4.3 運輸風(fēng)險界面設(shè)計
我國在進口油氣過程中有80%是靠水路運輸完成的。在海外油氣運輸過程中,必然涉及航線風(fēng)險事故率、港口吞吐能力、海盜襲擊等因素的影響,因此在本系統(tǒng)中重點對運輸風(fēng)險這一模塊進行了詳細的設(shè)計與開發(fā)。該界面設(shè)計,首先是以功能性為之一指導(dǎo)原則,以技術(shù)因素為主要考慮對象,以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。在整體界面風(fēng)格上同主界面以及國家風(fēng)險等其他幾個子模塊風(fēng)險采取同一色系和界面框架設(shè)置。這樣,一方面可以使得大家能夠快速通過該系統(tǒng)界面挖掘有用信息;另一方面可以使得整體界面搭配合理、美觀。
運輸風(fēng)險界面設(shè)計的思路主要是:首先,通過MapInfo軟件并運用GIS技術(shù)將運輸風(fēng)險各底層指標(biāo)數(shù)據(jù)進行可視化處理和展現(xiàn),包括港口風(fēng)險、航線風(fēng)險、承運風(fēng)險、海盜襲擊4個主要模塊。通過可視化處理后,針對具體港口等詳細信息進行單獨頁面展示;最后運用Flash技術(shù)對港口、航線、承運、海盜襲擊進行動畫展示。
進入運輸風(fēng)險界面后,點擊其中某一子菜單風(fēng)險查詢,即可得到如圖5.22所示的GIS風(fēng)險專題圖界面。以航線風(fēng)險為例,在右側(cè)主框架下,利用MapInfo和MapXtreme軟件對所有航線進行繪制,通過GIS技術(shù)實現(xiàn)航線的風(fēng)險展示,主要分為以下4個版塊:在C區(qū)域內(nèi),采用樹形菜單,使得客戶可以直接選擇所需版塊;在D區(qū)域內(nèi),參考部分專業(yè)地理信息系統(tǒng)軟件,建立拖動條調(diào)整專題圖界面的大小,對整個界面顯示實現(xiàn)了有效補充;在E區(qū)域內(nèi),主要通過航線的顏色展示該航線的風(fēng)險程度,航線的粗細表示該航線的承運能力,將后臺數(shù)據(jù)可視化展示,客戶可以根據(jù)圖示直觀地看出各個航線的相關(guān)風(fēng)險信息,方便決策者依據(jù)信息作出決策;在F區(qū)域內(nèi),利用頻譜技術(shù)將航線的風(fēng)險值由高到低通過圖例顯示,以方便客戶一目了然地看出每個航線的風(fēng)險值高低;在右下方的G區(qū)域內(nèi),為了對GIS專題圖進行詳細了解,運用GIS軟件設(shè)置了相關(guān)輔助按鈕,包括放大、縮小、拖移等,以求實現(xiàn)更智能化操作。另外,在選擇國家底層風(fēng)險值以及航線的風(fēng)險值時,考慮整體界面風(fēng)格的搭配,選取合適的色系,使得界面顯得柔和、美觀。
圖5.22 運輸風(fēng)險中的航線風(fēng)險GIS圖
5.2.4.4 系統(tǒng)管理界面設(shè)計
系統(tǒng)管理模塊在進行頁面設(shè)計時很好地體現(xiàn)了總體設(shè)計原則,系統(tǒng)管理在保持整體藍色調(diào)、系統(tǒng)默認字體,以及分欄框架結(jié)構(gòu)設(shè)計,系統(tǒng)管理內(nèi)部的各個子頁面之間也體現(xiàn)了系統(tǒng)風(fēng)格以及交互行為的一致性。
國外油氣與固體礦產(chǎn)資源開發(fā)管理系統(tǒng)的系統(tǒng)管理模塊,主要面向后臺的系統(tǒng)管理員用戶,所以對于用戶的系統(tǒng)知識有著一定要求,比如后期的網(wǎng)站操作維護、數(shù)據(jù)庫更新等,都要求系統(tǒng)管理員能夠進行良好的網(wǎng)站維護操作(吳坤,2005)。因此,界面在設(shè)計過程中更具有專業(yè)面向性。針對系統(tǒng)管理模塊的典型頁面(國家數(shù)據(jù)管理頁面)進行具體介紹,如圖5.23所示。
圖5.23 國家數(shù)據(jù)-資源概況
國家數(shù)據(jù)頁面中,系統(tǒng)管理的基礎(chǔ)數(shù)據(jù)管理頁面設(shè)計,主要采用了基于模板技術(shù)的動態(tài)網(wǎng)頁設(shè)計,即利用模板頁技術(shù)以及AJAX技術(shù),使得子頁面能夠繼承模板頁的主體界面。采用這一關(guān)鍵技術(shù)的優(yōu)點是:當(dāng)要對網(wǎng)頁的主體界面進行修改時,只要對模板頁進行變動即可,大大地簡化了網(wǎng)頁的維護工作。
主體頁面分3大功能區(qū)域:A區(qū)域是功能選擇區(qū),包括兩處鏈接入口;B區(qū)域是事件觸發(fā)區(qū),控制C區(qū)域內(nèi)容展示;C區(qū)域是對象信息展示區(qū)。其他區(qū)域如系統(tǒng)LOGO、導(dǎo)航欄、版權(quán)信息等,與主界面設(shè)計保持一致。這樣的布局,以最適合操作、瀏覽的方式將文字放在頁面的不同位置,也體現(xiàn)了頁面觸發(fā)的邏輯流程。
可視化GIS 系統(tǒng)功能設(shè)計
( 1) 地圖瀏覽
地圖瀏覽是 GIS 的最基本功能,它包括地圖的漫游、放大、縮小和全圖查看等詳細功能。為增加系統(tǒng)的可操作性,地圖的放大縮小還提供了鼠標(biāo)滾動支持,當(dāng)使用 3D 及以上的鼠標(biāo)時,滾動鼠標(biāo)滾輪,根據(jù)滾輪的滾動方向,地圖會隨著放大或縮小。鼠標(biāo)形狀能形象生動地表示當(dāng)前的工具,譬如當(dāng)前工具為放大地圖時,鼠標(biāo)形狀則變?yōu)橐环糯箸R,用戶會非常樂意看到鼠標(biāo)的這種變形。系統(tǒng)提供了圖中圖 ( 又稱鷹眼) 功能,以方便當(dāng)用戶將地圖放大到很大視野時的定位。用戶可以通過圖層設(shè)置對話框來設(shè)置圖層的可見狀態(tài)、可選擇狀態(tài)和自動標(biāo)注狀態(tài),還可以自己配置地圖的背景色,選擇是否顯示地圖標(biāo)題以及是否支持鼠標(biāo)滾動的放大縮小功能。
圖 7. 4 系統(tǒng) *** 拓撲圖
距離測量也是一個很實用的功能,由于地圖一直可以放大縮小,用戶對地圖上任意兩點之間沒有距離感。系統(tǒng)有針對性地提供了任意兩點間的距離測量功能。假使地圖上只有空間數(shù)據(jù)而沒有與這些空間數(shù)據(jù)相對應(yīng)的文字說明和注釋,這樣的地圖是不適合查看的。所以,系統(tǒng)還提供了專門的標(biāo)注工具以及讓整個地圖全部自動標(biāo)注的功能。
( 2) 地圖編輯
在系統(tǒng)的使用過程中,隨著礦山生產(chǎn)的進行,系統(tǒng)的數(shù)據(jù)肯定要隨著更新。系統(tǒng)提供了對地圖的編輯功能,包括對空間圖形數(shù)據(jù)的編輯和對后臺屬性數(shù)據(jù)的修改。用戶可以很方便地新增、修改、刪除或合并地圖圖元,以及編輯圖元的屬性信息。系統(tǒng)還提供了單步回撤功能,支持對上一步空間數(shù)據(jù)編輯的撤銷。
( 3) 圖屬互訪
圖屬互訪指空間數(shù)據(jù) ( 又稱圖形數(shù)據(jù)) 與屬性數(shù)據(jù)的相互查詢。GIS 相比 MIS ( 管理信息系統(tǒng)) 系統(tǒng)和機助制圖系統(tǒng) ( 譬如 AutoCAD) 的優(yōu)越性就在于它將空間數(shù)據(jù)和屬性數(shù)據(jù)進行了良好的關(guān)聯(lián),而在 GIS 中,空間數(shù)據(jù)和屬性數(shù)據(jù)的互訪也就成為非常重要的環(huán)節(jié)。在系統(tǒng)中,雙擊地圖上某圖元,即可查看其屬性信息。而通過屬性信息名稱的匹配,也可以快速地在地圖上定位圖元,支持模糊查詢。
( 4) 統(tǒng)計報表
系統(tǒng)能對有關(guān)數(shù)據(jù)進行統(tǒng)計,生成統(tǒng)計報表。統(tǒng)計結(jié)果包括評價過程中輸入的各種評分值及最終產(chǎn)生的評價結(jié)果。
( 5) 地圖輸出
某些時候用戶需要將當(dāng)前的地圖窗口內(nèi)容輸出,以方便查看地圖某局部放大后的內(nèi)容。地圖的輸出包括空間數(shù)據(jù)的輸出和屬性數(shù)據(jù)的輸出。系統(tǒng)支持將空間地圖數(shù)據(jù)輸出為常見的位圖格式 ( bmp) ,支持地圖打印,輸出內(nèi)容為當(dāng)前地圖窗口的地圖。系統(tǒng)支持將屬性數(shù)據(jù)輸出到 Microsoft Excel,以執(zhí)行進一步的操作。
( 6) 評價功能
通過上述礦山安全評價信息系統(tǒng)來實現(xiàn)系統(tǒng)的評價功能,并利用評價結(jié)果將兩個子系統(tǒng)連接起來,形成一個礦山安全評價地理信息系統(tǒng)。
( 7) 評價結(jié)果管理、報表生成打印
評價結(jié)果可以進行分析統(tǒng)計,并自動產(chǎn)生報表,用戶可以導(dǎo)出或者打印這些報表。
如何用gis實現(xiàn)百度地圖的展示實例?
你如果要自己用Flex做的話,就要首先獲取百度地圖的瓦片服務(wù)的地址,要做路徑查詢的話還要獲取百度地圖路徑分析服務(wù)的地址!現(xiàn)在是比賽的季節(jié),ESRI聯(lián)合天地圖開放了地圖服務(wù)接口,,你可以參考下,至于你說的那些什么標(biāo)記,繪制都可以在Flex中用代碼實現(xiàn)
關(guān)于gis地圖界面展示設(shè)計和gis畫地圖的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。