基于FLASH技術開發鐵路電商地圖

譚思思（呼和浩特鐵路局信息技術所，助理工程師，內蒙古　呼和浩特　010010）

?

基于FLASH技術開發鐵路電商地圖

譚思思
（呼和浩特鐵路局信息技術所，助理工程師，內蒙古呼和浩特010010）

摘要：伴隨網絡時代的高速發展，計算機已覆蓋鐵路工作的每個角落。電子地圖在人們的生產生活中的應用越來越廣泛，在鐵路發展中更起到尤為重要的引導意義。Flash作為一個已經成熟的商業化產品，在鐵路面向市場化改革的熱潮中，以良好的web交互式圖形接口，建立起強大的功能應用。本文主要研究了應用flash技術開發鐵路電子商務地圖，通過地圖更為全面的展示了解鐵路沿線景點資源分布。主要應用技術flashcs5.5版本開發，配合ActionScript腳本實現。

關鍵詞：flash；鐵路電商地圖；ActionScript

10.13572/j.cnki.tdyy.2016.02.019

為積極響應鐵路市場化的方針，伴隨信息時代的高速發展，開發技術手段的提高，不斷創新展示方式，以成為迫切的發展需求。建立一個對市場反應敏捷、展示效果炫目、傳遞信息豐富的信息網絡和渠道，由傳統服務逐步向完善的網絡服務轉變，逐步轉型為完善的“服務型平臺”。隨著電子商務被越來越多的企業所認可，特別在鐵路旅游客運專線陸續投入使用后，電子商務在方便客戶及規范運輸、市場競爭等方面發揮了積極的作用。

1　Flash應用概述

1.1 Flash在鐵路電商中的積極應用動畫制作軟件flash被稱為是“最為靈活的前臺”。由于其獨特和時間片段分割（TimeLine）和重組（MC嵌套）技術，結合ActionScitp的對象和流程控制。使得在靈活的界面設計和動畫設計中成為可能，同時它也是最為小巧的前臺。鐵路數據量龐大，交互性復雜，而flash文件小，適合網絡傳輸，同時保證圖形質量和瀏覽速度，在鐵路電商平臺中應用以flash為基礎的前端設計已成為勢不可擋的發展趨勢。

flash具有跨平臺的特性（這點和Java一樣），所以無論你處于處于何種平臺，只要你安裝有支持的flash Player。你就能保證它們的最終顯示效果都一致。鐵路發展至今，為適應市場需求，開發技術不斷更新，開發語言也不再單一，flash的多種適用，完美適應于多種鐵路信息平臺。由于其獨特的跨平臺物性和在界面控制以及多媒體的功能使用得使用flash來制作的應用程序具有很強的生命力。在與客戶的交流方面具有其它任何方式都無可比擬的優勢，方便的實現數據通信。極好的關注了鐵路數據信息通信的重要地位。同時，flash技術具有視覺效果獨特，沖擊力強的有利宣傳優勢，這使得推廣鐵路信息化的電商之路更為平坦。同一產品廣告，flash的廣告形式更為人性化，更具交互性，一改鐵路“鐵老大”的頑固形象，更加合理化的滿足受眾需求，給訪問者留下深刻的良好印象。隨著鐵路的不斷發展，信息開發技術仍然在不斷前進，flash的全新功能也正在擴大它的應用范圍，并且以為鐵路開發節約大量的成本而廣為推崇。

1.2用Flash開發鐵路專線旅游地圖的優點Java 與Flash相比具有明顯的優勢，是電子地圖技術的主流方向。不過使用Java地圖的客戶端必須安裝Java虛擬機，對于沒有安裝相關插件的電腦用戶來說，并不能立即使用Java電子地圖。對于Flash電子地圖來說，幾乎所有的個人電腦都安裝了Flash Player插件，只要打開瀏覽器即可正常使用。只要把握一定Flash ActionScript的基礎知識，都可以通過學習制作出自己滿足的互動電子地圖。同時鐵路數據量龐大，交互地點繁多，而flash的占用空間很小，利用flash開發要完全優于java。同時，從畫面的美觀角度，flash展示更為炫麗生動。

2　基于Flash的鐵路專線地圖開發

2.1設計背景隨著鐵路旅游客運專線陸續投入使用“內蒙古草原專列”旅游事業的發展，“內蒙古資源網”應運而生。“草原之星”旅游專線的電商平臺，核心版塊為“走進內蒙古”的地圖展示。開發草原之星旅游網“走進內蒙古”的旅游景點展示模塊，展示效果要求以電子地圖方式直觀瀏覽，同時要求展示效果立體絢麗具有視覺沖擊效果，地區景點詳細信息，動態獲取資訊，動態鏈接點擊等。綜合前期需求分析后，使用flash方式制作展現。

設計亮點圍繞地圖的立體效果展示，結合xml技術的as編寫，便于日后的維護更改。設計包含兩版設計：第1版是每一個景點分區都是1個按鈕，默認情況下顯示綠色（主題為突出內蒙古自治區的綠色大草原），當鼠標經過時突出顯示，立體效果呈現，鼠標單擊時直接鏈接到詳細的景點介紹頁面。第2版是每一個景點分區都是1個按鈕，鼠標滑過單個區域變色，單擊彈出對話框提示內容，當鼠標單擊對話框任意位置，對話框自動隱藏。單擊框內景點列表時會直接跳轉到某個地區的詳細景點分布情況，修改外部文件可直接編輯景點信息，不必再次生成swf文件，便于日后維護。

2.2功能具有查看內蒙古自治區各旅游區域之間位置相對關系，各景點的主要情況，以及鏈接景點詳細的功能。同時兩版側重不同，其一具備立體展示效果，其二便于日后維護的二次開發功能。

2.3開發環境開發環境：Flash CS5.5；運行環境：Flash player10.0。

3　開發鐵路旅游專線地圖的過程簡述

3.1基于FLASH開發鐵路專線地圖的技術流程利用FLASH技術開發鐵路專線旅游的電子地圖，主要包括功能與界面的設計、數據的搜集及編輯以及功能的實現3大部分內容。開發流程見圖1所示。

圖1　開發流程圖

3.2基礎元件的制作首先繪制內蒙古自治區的區域底圖，利用3 DMAX建模繪制立體效果底圖，見圖2所示。

圖2　內蒙古自治區立體效果圖

利用Photoshop渲染為綠色，突出綠色草原的主題，制作出立體全景景點地圖，見圖3所示。

圖3　內蒙古自治區全景效果圖

分塊繪制區域內景點，制作為獨力的單位元件；其一見圖4所示。

圖4　單獨區域元件圖

3.3拼合旅游專線的自治區地圖把單獨區域的元件圖分別制作成按鈕，當鼠標滑過單個獨立區域時，單個區域突出彈出，類似拼圖效果，單擊突出區域直接鏈接到詳細景點信息的單獨頁面。效果如圖5所示。

圖5　拼合完成后的景區全圖

在單個獨立的區域元件上編寫as代碼（見圖6所示），并加入景點鏈接地址見圖7所示。

圖6　單個元件添加as代碼示意圖

圖7　全景獨立區域元件圖

3.4鐵道數據更新二次開發的XML地圖制作

繪制主要景點彈出的對話框，見圖8所示。

圖8　添加對話框效果圖

選中單個元件給單個原件加入變色效果，使得鼠標滑動區域變色，同時添加AS代碼，實現彈出景點列表（見圖9所示）。

圖9　元件列表圖

添加AS代碼如下：

k._visible=false；

mc1.onRelease=function（）

{if（!k._visible）

{k._visible=true；

k.txt.text="金嶺山滑雪場大嶼山四級湖 鱷魚島呼倫貝爾大草原 額爾古納湖緬甸草原牙克石"；}

}；

mc2.onRelease = function（）

{if（!k._visible）

{k._visible=true；k.txt.text="景點列表"；}

…mc3，mc4，mc5，mc6以此類推書寫到元件mc12…

k.onRelease = function（）

{k._visible = false}；

制作效果如圖10所示。

圖10　成品展示圖

具體形象的成品展示在flash中具體展示。

4　結束語

內蒙古資源富集，歷史文化悠久，自然資源極其豐富，是我國蒙古文化的發祥地，歷史、自然、人文旅游景觀非常豐富。但長久以來，宣傳手段單一，貿易手段傳統，導致國內及世界對內蒙古自治區的了解知之甚少。電子商務迅速崛起，已經滲透到國民經濟、社會服務、資源交易、消費品采購等人們工作、生活的各個領域，正在席卷著社會經濟的各個層面。而鐵路發展也在不斷適應市場化的各種要求。

正是在這樣一個大環境下，內蒙古資源網應運而生，是呼鐵局自主開發、建設、運營的綜合性電子商務平臺。旗下草原之星旅游網針對旅游資源全方位立體展示了我區地大物博的優良風光，“走進內蒙古”版塊更以flash方式展示，力求生動形象的分塊分區直觀瀏覽景點信息。從客戶體驗角度，設計圖形展示效果絢麗，力求吸引客戶瀏覽，利用xml語言，同時加入action script的代碼編寫，維護方式便捷，對二次開發和維護使用做了充分考慮。希望能夠增加景點知名度，提高促進旅游景點線下收益，同時，設計新穎，展示方式生動，促使旅游網成為自主開發的“服務型平臺”，提高網站知名度，為鐵路走向市場化，增加市場競爭力，做出有利貢獻。適應鐵路改革的市場化大方針。

中圖分類號：U283.4

文獻標識碼：B

文章編號：1006-8686（2016）-02-0052-04