基于WebGIS 的奧運會體育場館電子地圖的設計與實現

趙陽

（陜西國際商貿學院 體育教研室，陜西 咸陽712046）

基于WebGIS 的奧運會體育場館電子地圖的設計與實現

趙陽

（陜西國際商貿學院 體育教研室，陜西 咸陽712046）

研究在WebGIS的基礎上進行奧運會體育場館電子地圖的設計。利用WebGIS技術，在B/S模式下，讓硬件能符合標準，軟件具備的開發能力與開發要求相匹配，使用Ajax技術讓系統中的顯示和操作技術發揮作用，使用CSS加上DIV進行部署，結構安排合理，可以實現簡化網頁代碼的目的，讓頁顯示速度更快，讓系統設計順利完。測試中，PT1之中，測試之后，腳本持續執行1小時，成功事務有1849052，最大TPS：458，平均TPS：500，在測試場景PT2之中，腳本持續執行1小時，成功事務：1798542，失敗事務：3952，成功事務最大TPS：1.973，成功事務平均TPS：0.729，Error-26608錯誤數：2718個。

WebGIS；奧運會；體育場館；電子地圖設計

重大體育比賽中，參與和觀看的人數較多，產生的信息量也十分大，人們也需要對賽事的各個方面進行了解，這就需要獲得信息傳送技術的支持，WebGIS技術則可以滿足這個方面的需求，以其為技術基礎設計出的電子地圖可以很好地滿足人們的需要。

1　基于WebGIS的奧運會體育場館電子地圖系統頁面設計

1.1設計原則

系統頁面需要在IE瀏覽器的基礎上進行開發，首先要保證頁面的簡潔清晰，用戶使用時第一需求就是簡單方便，設計過程之中盡可能滿足用戶的使用習慣。比如，地圖工具條一般需要安排在顯示區域的左側或上端。為了新用戶可以盡快了解系統的使用流程，要布置引導性的使用流程說明。系統的整體樣式排版需要保持統一，讓各個功能區的設置清晰明了，滿足用戶的導航需求。設計要隨時可以為用戶提出的問題作出響應。

1.2使用標準

系統使用Web2.0技術開展地圖系統頁面的設計和開發。頁面布局不使用表格布局，使用CSS+DIV開展布局，客戶端用戶功能的接口使用Ajax，其具備更好的用戶體驗。使用XHTML1.0標準，讓網頁內容保持結構化，為日后設置好XML轉換留好預留空間。DOM標準是客戶端腳本語言進行調用，屬于文檔對象模型。CSS2.0協議，一般使用網頁元素的布局和呈現安置，這樣對頁面布局的調整有積極意義。也使用Asp.Net Ajax協議，客戶端沒有刷新效果，讓用戶能有更好地體驗。

1.3頁面布局

這個系統直接布置在網絡之上，安排成為獨立網站，有專屬域名。系統的結構如下圖所示。

圖1　系統結構圖

在系統頁面之中，其中有地圖瀏覽功能，其中互聯網電子地圖具備漫游功能，也能根據不同的興趣點，尋找相應的分布圖進行瀏覽，也能和距離、面積、地圖標注等方面進行布置。也安排了信息查詢的功能，主要有輸入查詢、分類查詢，也包括結果展示和定位功能。也能進行體育館的周邊查詢，為用戶提供體育館附近信息查詢。也安置系統輔助功能頁面，主要具備注冊登錄、錯誤應對、系統輔助等功能。

1.4使用矢量地圖作為客戶端權衡

設計時，WebGIS地圖選擇模式尤為重要。設計選擇使用矢量地圖，這種地圖是基于直角坐標系統建立，以點、線和多邊形對地理要素進行描述。每個地理要素都存在獨一無二的坐標描述，便于使用中更加容易辨認。

2　系統開發

2.1B/S模式的應用

在WebGIS技術之中，可以使用的結構通常有集中模式、C/S模式和B/S模式，在這些模式之中，B/S模式具備較為明顯的優勢。與C/S相比，其在開放標準方面，C/S只需要在內部實現統一就實現目的，應用有針對性。B/S使用的標準都具備較強的開放性，不是專用應用的，均是經過標準化處理，并非是尋找專門的廠商進行定制的，其通用性處于良好的水平，也在跨平臺的使用之中也有良好表現。對于C/S而言，其在使用的過程之中需要搭配相應的客戶端，使用方式和方面在每種應用之中都存在差異，每次使用C/S都需要客戶從頭開始進行了解。而B/S客戶端不必對數據庫的保存和讀寫進行處理，只需要進行展示，讓服務器的作用得到較大程度的發揮，客戶端承受的負荷也就相應減少。而且其中共有的三個部分的模塊都處于獨立狀態，其中的部分模塊發生變化，另外的模塊都不會受到干擾，系統的升級和改進難度相應減少，也可以使用不同生產廠家零部件。而且應用這種模式也可以讓系統的安全性得到提升。其在是用的過程中，且與用戶機、數據庫、服務器，在三者之間安置一層Web服務器，兩者不需要直接進行連接，客戶機就不能直接對數據庫實施操作，各種非法入侵活動得到有效的阻擋。

2.2系統運行環境

WebGIS軟件的運行需要依靠一定的運行環境支持。從硬件角度來講，由于服務器服務對象較多，在一些情形下，很多請求幾乎發生在同一時刻，這就要求使用的服務器配置達到較高水平。對客戶端而言，只需要承擔查詢責任，也就不能使用配置較高的計算機，因為只要使用配置較低的計算機就可以順利完成任務。由于客戶端的使用功能和瀏覽器相似，因此需要使用較好的顯示器和顯示適配器，能對良好的查詢效果起到積極的意義。

從軟件角度而言，使用的計算機只能死Windows NT服務器。這是因為用戶需要使用互聯網，其必須為其提供相應的查詢服務，因此其職能是Internet的信息服務器之中。最后才能考慮其屬于WbeGIS服務器，全部的軟件都要安置在Internet的信息服務器。

2.3Ajax技術的使用

這種技術主要的功能時開發交互式網頁。以往的Web使用的是同步交換，用戶首先會向著HTTP的服務器傳遞出操作或請求。對于服務器而言，其在執行任務的過程時，對用戶實施返回HTML頁面的操作。這種操作對用戶的使用會形成不良的體驗。服務在接收到請求之后，需要一定的時間進行處理，用戶就需要進行必要的等待，就算對頁面的少量數據進行修改都要重新刷新頁面，浪費時間過多。

Ajax和以往的Web存在明顯的差別，前者使用的是異步交換過程。其主要對用戶界面和服務器的交互行為進行翻譯。其引擎不會Udine用戶和應用進行的交互的異步開展進行限制，在用戶和服務器之間的交流之外處于獨立狀態。在其內存之中，對于數據編輯、頁面導航等方面進行操作時不必重新加載，Ajax直接執行這些操作即可，其異步交互過程如圖2所示。

圖2　Ajax異步交互示意圖

在進行系統開發的過程之中，地圖之中所有顯示和操作技術在Ajax技術的支持下實現。這樣的使用方式就會讓地圖的局部呈現出刷新的狀態，用戶體驗較好。

2.4CSS和DIV頁面設計

在對頁面進行設計時，通常都會先從外觀著手，對圖片、文字和圖形等方面進行全方位的分析，研究以何種形式將其體現在頁面之上。但是外觀的重要性并未占據過大的比重，最開始應該研究的是用戶在打開頁面之后會獲得何種的使用感受。使用CSS加上DIV進行部署，結構安排合理，這樣的頁面能經過對CSS進行編輯，讓其在所有的網絡設備紙張都能以任意的外觀進行展示，這種布局方式創建出的網頁也可以實現簡化網頁代碼的目的，讓頁顯示速度更快，具有這些優點的布局方式適用范圍自然廣泛。

2.5實現方式

對于系統數據庫結構而言，其具體布置需要根據場館的信息進行，具體信息見表1。

為了給與賽事有關的人員安排好比賽之外的服務，有對周邊的賓館狀況進行研究，其具體信息如表2所示。

2.6系統性能測試

在系統開發設計完畢之后，進行系統測試，判定性能提升幅度。在測試場景PT1之中，測試之后，腳本持續執行1小時，成功事務有1849052，最大TPS：458，平均TPS：500（TPS指的是在同一時間之內，系統可以處理業務的最高水平）。在測試場景PT2之中，腳本持續執行1小時，成功事務：1798542，失敗事務：3952，當前場景下成功事務最大TPS：1.973，成功事務平均TPS：0.729，Error-26608錯誤數：2718個。測試結果表明：在測試場景PT1的情況下，測試成功通過，在場景PT2之下，事務響應時間較大，成功事務的數量比失敗事務大。兩次測試結果顯示系統性能良好。

表1　體育場館信息結構

表2　賓館信息結構展示

3　結束語

體育賽事的參與人言眾多，相應電子地圖承擔的責任較大。此次研究當中，在B/S的條件下，從軟件和硬件兩個角度調整好開發環境，A使用1jax技術達到讓網頁簡化的目的。展開系統性能測試，PT1之中，測試之后，腳本持續執行1小時，成功事務有1849052，最大TPS：458，平均TPS：500，在測試場景PT2之中，腳本持續執行1小時，成功事務：1798542，失敗事務：3952，成功事務最大TPS：1.973，成功事務平均TPS：0.729，Error-26608錯誤數：2718個，系統性能較好。

[1]李小剛，王強，王升堂，等.基于WebGIS的校園電子地圖設計與實現——以皖西學院為例[J].農業網絡信息，2013，14 （7）:115-118.

[2]周赟，黃云.基于WebGIS的電子地圖發布系統設計與開發[J].科技創新導報，2015，12（5）:52-55.

[3]曹一冰，崔秀飛，陳蕾，等.基于SVG的電子交通圖的設計與實現[J].測繪與空間地理信息，2014，21（10）:5-8.

[4]白春鴻，梁曉莉，王學杰.基于Mapbar地圖API的WebGIS設計與開發[J].地理空間信息，2014，11（6）:153-155.

[5]鄭朝洪，池靈巧.基于WebGIS的泉州醫療點空間信息服務系統設計[J].現代電子技術，2013，32（24）:55-58.

[6]姬英杰，徐鵬，楊懷卿.基于ArcGISFlexAPI的校園電子地圖研究與實現[J].微型機與應用，2014，21（7）:74-76.

[7]董婧，寧德瓊，張順吉.基于.NET三層架構的WebGIS優化應用研究[J].內蒙古師范大學學報：自然科學版，2013，3 （6）:682-686.

[8]呂強國.基于WebGIS的奧運會體育場館電子地圖的設計與實現[J].電子測試，2014，23（20）:81-83.

[9]郭斌.基于WebGIS的蘇州電子地圖網的設計與實現[J].電腦知識與技術，2010，6（12）:3075-3076.

[10]王鵬遠.基于WebGIS的校園電子地圖的設計與實現[J].技術與市場，2011，18（9）:12-13，15.

[11]劉有力，羅海馳，錢雪忠，等.基于MapGuide的校園電子地圖應用平臺的設計與實現[J].北京測繪，2011，12（4）:52-54，58.

[12]李小剛，王強，王升堂，等.基于WebGIS的校園電子地圖設計與實現——以皖西學院為例[J].農業網絡信息，2013，8 （7）:115-118.

[13]陳谷良.基于WebGIS的城市電子地圖框架設計研究[J].中國西部科技，2010，9（35）:32-34.

[14]任升蓮，蔡昊，楊偉沃，等.基于GIS的網絡電子地圖系統開發與研究[J].安徽地質，2009，19（4）:272-275.

[15]陳旭，何寬，常強，等.基于WebGIS的開封市電子地圖系統設計與實現[J].網絡安全技術與應用，2011，12（9）:40-42.

The design and implementation of the electronic map of the Olympic sports venues based on WebGIS

ZHAO Yang
（Department of Physical Education，Shaanxi International Business School，Xianyang 712046，China）

The research based on WebGIS for Olympic stadiums electronic map design.Using WebGIS technology，in B/S mode，enables the hardware to conform to the standard，the development of software have ability to match the development requirements，using Ajax technology to display and operation technology play a role in the system，using CSS and deployed DIV，reasonable arrangement of structure，can realize the purpose of simplifying web page code，let the page display faster and let system design finished smoothly.Tests，PT1，after testing，the script continues to execute an hour，a successful transaction，1849052，the largest TPS:458，the average TPS:500，in a test scenario PT2，script carried out for 1 hour，transaction success:1798542，failure transaction:3952，the largest transaction TPS success:1.973，average transaction TPS success:0.729，the Error 26608 Error number:2718.

WebGIS；the Olympic Games；sports stadiums；electronic map design

TN99

A

1674－6236（2016）22-0109-03

2015-11-29稿件編號：201511284

趙 陽（1985—），女，陜西西安人，碩士。研究方向：體育教學。