基于Flash的網絡電子地圖研究

戴淵錚

（大同大學，山西 大同 037009）

網絡電子地圖是一種新興的地圖，它綜合運用了數字制圖、地理信息、多媒體等技術，把各種媒體信息有機地聯接在一起，相對于傳統(tǒng)地圖，它具有適應性強、實時性好、查詢方便、維護簡單、形式多樣的特點和優(yōu)點[1]。Flash是當今國際流行的動畫制作軟件，它在制作或播放矢量圖形和動畫素材，以及在放大和縮小的操作中沒有失真。同時一些瀏覽器自帶Flash播放器，用戶無需安裝插件即可快速啟動并觀看動畫[2]。對于動態(tài)數據要求不多的系統(tǒng)，使用Flash制作矢量化校園電子平面地圖并實現瀏覽、縮放等功能，可充分體現其優(yōu)勢。

1 用Flash制作網絡電子地圖的優(yōu)勢

本文利用一種新型的、易于實現的技術—Flash技術制作網絡電子地圖，它實現成本低，形式多樣。利用Flash技術制作的電子地圖是一種矢量化地圖，它的特點是：圖形數據量小、精度高、交互性好。網絡電子地圖的使用者可以對地圖放大、縮小、投影，還可以對其進行瀏覽、信息查詢，此外，有鷹眼顯示，用戶可以有選擇地顯示地圖[3]。用Flash制作網絡電子地圖已成為網絡電子地圖的主要類型，這也是它通用的關鍵。這種方法最適合用在那些對動態(tài)數據要求不多的系統(tǒng)，足以顯示它的性能優(yōu)勢。

1.1 對開發(fā)平臺的要求

人們以前所用的網絡電子地圖，實現起來通常采用的是網絡地理信息系統(tǒng)（Web Geographic Information System，WebGIS）技術。它需要借助GIS軟件進行開發(fā)，開發(fā)軟件通常是龐大的且昂貴的專業(yè)開發(fā)軟件，開發(fā)的時候成本需求較高，最重要的是可維護性較差。Flash軟件容易上手，應用較廣，以及獲得軟件的途徑便利，而且用Flash制作的網絡電子地圖能很好地實現軟件后期的維護。

1.2 對網絡的依賴

WebGIS技術還不是非常成熟，如果使用WebGIS技術，由于生成的地圖數據量非常大，必須有相應的數據處理方法、數據壓縮技術和可視化工具等作為輔助，這樣將使得它的結構變得非常復雜，同時它對網絡帶寬要求也很高。然而用Flash技術制作網絡電子地圖，對帶寬要求也比較低，不存在網絡速度問題，最終形成的圖形數據量小[4]。

1.3 客戶端瀏覽器

客戶端瀏覽器安裝響應的插件是使用WebGIS平臺開發(fā)出來的電子地圖的通常要求，目前只需連接到互聯網的電腦就都能播放Flash圖片和動畫，插件來源容易取得。

1.4 制作網絡電子地圖的效果

以前人們很難獲得滿意的電子地圖，得到的通常難以做到生動活潑，交互功能也很有限，所以在使用GIS系統(tǒng)開發(fā)電子地圖時，開發(fā)者的目的也不是為了對地圖的精確管理。而Flash應用其進行開發(fā)的電子地圖生動活潑，形式多樣，是一種制作矢量圖片和動畫的比較專業(yè)的工具之一[5]。

2 用Flash開發(fā)電子地圖的流程

2.1 流程

地圖信息搜集與編輯—功能與界面設計—具體功能實現（編寫ActionScript程序）—導出swf文件。

2.2 底圖搜集

2.2.1 資料收集

通過問卷調查等方式收集用戶對電子地圖的功能需求，結合功能需求收集相關資料。如：收集校園教學樓、圖書館、道路的名稱及相關背景資料等，同時從不同的角度拍攝相關建筑和街道的圖片，在需要的時候錄制相關資料的視頻，將他們放到本地資料庫中。這樣不僅可以為用戶信息查詢提供資料，同時可以提供給用戶更加直觀的圖片、語音、視頻等信息，方便用戶更準確快捷地了解相應的目標，為用戶使用該電子地圖提供更加人性化的服務[6]。

2.2.2 資料編輯

對收集到的各種資料要進行編輯，方便后期制作電子地圖的使用。如文字的錄入、圖像的掃描、格式的轉換等，將編輯后的信息導入Flash中制作電子地圖。

2.3 地圖編輯

矢量化及矢量地圖的處理如下。

2.3.1 位圖文件矢量化

我們收集的圖片是靜態(tài)的位圖，這些圖片擁有豐富的色彩和深度，數據量大，但是如果分辨率不夠，得到的圖片就會失真，我們通常的做法是將位圖切換成矢量圖，得到的圖片不管放大或者縮小多少倍都不會失真。所以在Flash中首先將位圖文件進行分塊處理，降低存儲量，其次再通過CorelDRAW把位圖轉矢量圖。

2.3.2 柵格地圖矢量化

在Flash中有兩種方法將柵格地圖矢量化。（1）將柵格地圖矢量化。是說把柵格地圖作為圖層背景，然后在其上面建立一個新的圖層，在新圖層上，利用Flash的繪圖功能繪制出與背景一致的矢量圖，該方法費時，但是效果好。（2）直接利用Flash軟件自身的工具：點擊“修改”工具欄，找到“轉換位圖為矢量圖”，這樣就可以將位圖進行自動矢量化，這樣得到的矢量圖效果較差，但實現起來所需時間較短。

2.3.3 矢量地圖的處理

通過上面兩種方法得到的矢量地圖是相對粗糙的，不能很好地體現網絡電子地圖美觀、生動的一面，因此，我們需要對矢量地圖作進一步的修改。如：我們可以為不同地圖元素的添加不同的顏色，或者為特定的目標添加特定景觀和建筑物（如圖書館、校訓石）的實體微縮照片、添加卡通圖片等來進行完善。

2.4 功能與界面的設計

（1）由于面對用戶的不同，設計用途的不同，電子地圖在設計方面所具有的功能也不同。一般情況下，電子地圖應具有瀏覽、查詢、縮放、移動等功能，且要求界面設計簡潔、美觀、人性化為宜。所以根據上面的要求，可以將電子地圖分為幾大區(qū)域：地圖顯示區(qū)、按鈕區(qū)、鷹眼區(qū)、查詢區(qū)，這樣會使操作簡便，用戶在短時間內即可掌握操作方法。

（2）我們設計的電子地圖，除了實現上面的基本功能之外，為了體現人性化的一面，特別設計了鷹眼功能，這樣可以讓用戶很直觀地了解目前所在區(qū)域在整個地圖中的位置。

（3）將各功能模塊集成，實現電子地圖的瀏覽、查詢、移動等各項功能。對與熱點的建筑或街道，如圖書館、逸夫樓等建筑加上超鏈接，點擊超鏈接可以顯示圖書館、逸夫樓的詳細介紹和圖片等說明的信息，同時還對熱點的目標加上重點提示的信息，如閃爍、漸變等手段。

2.5 具體功能研究與實現

2.5.1 縮放及平移功能

打開校園網絡電子地圖，如果用戶關心的只是校園某一具體位置或建筑的詳細信息，這時就可以使用網絡電子地圖的縮放及平移功能。

首先在Flash中新建一個文檔map_mask. fla，準備素材，創(chuàng)建相應的按鈕并添加圖層，然后裝配。

a.初始化應用程序。我們定義一個函數ini()，執(zhí)行該函數完成對應用程序的初始化工作。

2.5.2 超鏈接

有些目標是人們點擊量比較多的，將這些目標定義為電子地圖熱點目標，因此，我們給這些熱點目標添加了超鏈接和虛擬動態(tài)顯示功能。如圖書館、逸夫樓、奧宇食堂等熱點目標添加了超鏈接，點擊超鏈接就可以顯示該目標的詳細介紹和圖片等說明信息，同時還對這些熱點目標加上重點提示的信息。超鏈接的具體操作：先將圖書館轉換為元件，然后通過on (release)來發(fā)送鼠標點擊消息，執(zhí)行所要操作的命令。虛擬動態(tài)顯示的具體操作：利用Flash中多媒體功能來實現。

2.5.3 鷹眼功能

鷹眼可以對地圖的全局進行瀏覽和認識。當用戶在主窗口中瀏覽地圖時，在鷹眼窗口可以同步顯示所瀏覽區(qū)域在整個地圖中所處的位置。為了不影響地圖的顯示范圍和整個界面的美觀，需要專門設置一個鷹眼窗口，把地圖縮放到該窗口，并且可以根據用戶的需求隨機地打開和關閉鷹眼窗口[2]。

鷹眼的實現是利用了Flash對于元件屬性的修改功能：首先，定義一個長方形轉換成元件，作為蒙皮，用來提示大地圖在所有地圖中的位置；然后，當用戶有操作申請時，重新讀取顯示區(qū)域和整體地圖的關系比例，同時更新蒙皮的位置和大小，我們使用updateAfterEvent函數實現即時更新。

其實現過程為：在鷹眼窗口中放置一幅地圖作為底圖—創(chuàng)建一個藍色矩形—將藍色矩形轉換為影片剪輯—調整透明度。在鷹眼中，地圖只是作為參考，是不移動的，移動的是藍色矩形。對地圖進行移動、縮放等操作時，根據兩個影片剪輯的數學關系進行聯動操作[3]。

2.5.4 標注

Flash電子地圖數據量大，我們要是手工操作，在地圖上按照需求創(chuàng)建地名、批注對應目標的內容，可想而知它的工作量是多么巨大，因此我們利用數據部署文件來動態(tài)輔助完成這些操作，詳細來講就是調用外部XML數據文件來進行地名標注的功能。另外，它在后期維護及更新上也是不容易的。

（1）創(chuàng)建用于地名標注的XML文件。

首先要創(chuàng)建一個以地名為文件名的信息文件，該文件包括地點名稱、地點坐標等基本信息，其格式為XML文件格式，內容如下：

其中項為地名名稱；與項為地名標注的X軸與Y軸坐標。

（2）Flash調用代碼。

打開Flash Professional，在地圖所在層的時間軸上，錄入以下ActionScript代碼：

其中，XML文件使用相對路徑，調用地圖文件的網頁文件與Road.xml文件應置于相同的路徑下，否則Flash將無法調用XML文件。

2.5.5 查詢功能

信息查詢是電子地圖必備的基本功能之一。本文主要研究的是地點的查詢，查詢功能是通過與調用的XML文件的數據一一比對實現的，具體實現如下[3]。

首先，用input_txt動態(tài)文本框接收輸入的地點名稱，地點名稱存放于input_txt.text變量中；然后，input_txt.text與載入的外部文件XMLData.xml依次比較，如果兩個地名相符，取相對應的X、Y軸坐標值；最后，將地圖做相應的縮放及移動操作，在此過程中地圖將放大50倍，同時將地圖中心移動至被查詢的地名[2]。

XMLData.xml的部分代碼如下：

在時間軸的動作面板，輸入以下代碼：

打開“查詢”按鈕的動作面板，輸入以下代碼：

正式發(fā)布后，查找地名，地圖將做出相應的縮放和移動等操作。如：輸入“行知樓”，查詢到相對應的代碼為：“”，地圖中心移至（37 488，33 882），自動放大50倍。

2.6 調試與發(fā)布

制作完畢后，經反復測試，證明系統(tǒng)運行無誤，導出文件。

3 結語

網絡電子地圖作為一種新的地圖產品，正悄然改變著人們使用地圖的方式。借助于文字、圖片、視頻、音頻、動畫等信息豐富感官的多種媒體，網絡電子地圖正逐步發(fā)揮其作為新型地圖傳輸信息的作用。

通過Flash技術制作大同大學網絡電子地圖的實踐證明，在數據量較少、精確度要求不是很高的情況下，采用這種方法制作的網絡電子地圖色彩豐富，內容多樣，能滿足用戶需求。由于理論知識的局限性和開發(fā)經驗的缺乏，其中部分功能僅作了研究而沒有完整地實現，有待于進一步深入學習Flash技術和電子地圖制圖技術，使得本設計得到完善。由于Flash技術并非專門針對電子地圖領域，所以利用Flash制作的電子地圖與專業(yè)電子地圖軟件制作的電子地圖仍有一定差距，其功能也很有局限性，但是也充分體現出它的優(yōu)越性。如果按照Flash技術原理，同時結合一些專業(yè)的制作地圖工具就能夠制作出功能更強大更好的電子地圖，在要求不是很高，同時又能滿足用戶需求的基礎上，利用Flash技術開發(fā)電子地圖還是具有較大的發(fā)展?jié)摿Φ?。隨著計算機技術的進步和多媒體技術的發(fā)展，以及Flash技術的完善，利用Flash制作的網絡電子地圖將會更加完美，也將會得到更加廣泛的應用。

[參考文獻]

[1]胡小強.虛擬實現技術及應用[M].北京：高等教育出版社，2004.

[2]魏勇.中文版FlashMX2004標準教程[M].北京：中國宇航出版社，2004.

[3]何正國.基于Flash的網絡電子地圖[J].工程圖學學報，2003（3）：77-82.

[4]陳毓芬，廖克，江南.網絡地圖的設計原則[J].地理科學進展，2001（s1）：78-86.

[5]杜清遠，鄔國鋒.萬維網電子地圖[J].測繪信息與工程，2000（3）：17-19.

[6]程思聰，任福，杜清運.多媒體電子地圖集中的信息組織策略[J].地理空間信息，2006（1）：72-74.