趙陽

（陜西國際商貿(mào)學(xué)院 體育教研室，陜西 咸陽712046）

基于WebGIS 的奧運會體育場館電子地圖的設(shè)計與實現(xiàn)

趙陽

（陜西國際商貿(mào)學(xué)院 體育教研室，陜西 咸陽712046）

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

WebGIS；奧運會；體育場館；電子地圖設(shè)計

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

1　基于WebGIS的奧運會體育場館電子地圖系統(tǒng)頁面設(shè)計

1.1設(shè)計原則

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

1.2使用標(biāo)準(zhǔn)

系統(tǒng)使用Web2.0技術(shù)開展地圖系統(tǒng)頁面的設(shè)計和開發(fā)。頁面布局不使用表格布局，使用CSS+DIV開展布局，客戶端用戶功能的接口使用Ajax，其具備更好的用戶體驗。使用XHTML1.0標(biāo)準(zhǔn)，讓網(wǎng)頁內(nèi)容保持結(jié)構(gòu)化，為日后設(shè)置好XML轉(zhuǎn)換留好預(yù)留空間。DOM標(biāo)準(zhǔn)是客戶端腳本語言進(jìn)行調(diào)用，屬于文檔對象模型。CSS2.0協(xié)議，一般使用網(wǎng)頁元素的布局和呈現(xiàn)安置，這樣對頁面布局的調(diào)整有積極意義。也使用Asp.Net Ajax協(xié)議，客戶端沒有刷新效果，讓用戶能有更好地體驗。

1.3頁面布局

這個系統(tǒng)直接布置在網(wǎng)絡(luò)之上，安排成為獨立網(wǎng)站，有專屬域名。系統(tǒng)的結(jié)構(gòu)如下圖所示。

圖1　系統(tǒng)結(jié)構(gòu)圖

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

1.4使用矢量地圖作為客戶端權(quán)衡

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

2　系統(tǒng)開發(fā)

2.1B/S模式的應(yīng)用

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

2.2系統(tǒng)運行環(huán)境

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

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

2.3Ajax技術(shù)的使用

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

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

圖2　Ajax異步交互示意圖

在進(jìn)行系統(tǒng)開發(fā)的過程之中，地圖之中所有顯示和操作技術(shù)在Ajax技術(shù)的支持下實現(xiàn)。這樣的使用方式就會讓地圖的局部呈現(xiàn)出刷新的狀態(tài)，用戶體驗較好。

2.4CSS和DIV頁面設(shè)計

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

2.5實現(xiàn)方式

對于系統(tǒng)數(shù)據(jù)庫結(jié)構(gòu)而言，其具體布置需要根據(jù)場館的信息進(jìn)行，具體信息見表1。

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

2.6系統(tǒng)性能測試

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

表1　體育場館信息結(jié)構(gòu)

表2　賓館信息結(jié)構(gòu)展示

3　結(jié)束語

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

[1]李小剛，王強，王升堂，等.基于WebGIS的校園電子地圖設(shè)計與實現(xiàn)——以皖西學(xué)院為例[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，2013，14 （7）:115-118.

[2]周赟，黃云.基于WebGIS的電子地圖發(fā)布系統(tǒng)設(shè)計與開發(fā)[J].科技創(chuàng)新導(dǎo)報，2015，12（5）:52-55.

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

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

[5]鄭朝洪，池靈巧.基于WebGIS的泉州醫(yī)療點空間信息服務(wù)系統(tǒng)設(shè)計[J].現(xiàn)代電子技術(shù)，2013，32（24）:55-58.

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

[7]董婧，寧德瓊，張順吉.基于.NET三層架構(gòu)的WebGIS優(yōu)化應(yīng)用研究[J].內(nèi)蒙古師范大學(xué)學(xué)報：自然科學(xué)版，2013，3 （6）:682-686.

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

[9]郭斌.基于WebGIS的蘇州電子地圖網(wǎng)的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2010，6（12）:3075-3076.

[10]王鵬遠(yuǎn).基于WebGIS的校園電子地圖的設(shè)計與實現(xiàn)[J].技術(shù)與市場，2011，18（9）:12-13，15.

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

[12]李小剛，王強，王升堂，等.基于WebGIS的校園電子地圖設(shè)計與實現(xiàn)——以皖西學(xué)院為例[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，2013，8 （7）:115-118.

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

[14]任升蓮，蔡昊，楊偉沃，等.基于GIS的網(wǎng)絡(luò)電子地圖系統(tǒng)開發(fā)與研究[J].安徽地質(zhì)，2009，19（4）:272-275.

[15]陳旭，何寬，常強，等.基于WebGIS的開封市電子地圖系統(tǒng)設(shè)計與實現(xiàn)[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，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—），女，陜西西安人，碩士。研究方向：體育教學(xué)。