基于Flash技術的邵陽學院電子地圖

牛 莉 陳 杰 劉志強

（邵陽學院，湖南 邵陽 422000）

基于Flash技術的邵陽學院電子地圖

牛 莉 陳 杰 劉志強

（邵陽學院，湖南 邵陽 422000）

闡述了flash在制作電子地圖中的優點。通過對邵陽學院電子地圖設計過程的介紹，講解了Flash技術在電子地圖制作中的作用。

Flash；鷹眼；全景；特寫；電子地圖

0 引 言

電子地圖作為一種計算機技術、圖形學技術與地理信息的結合體，以其使用方便、更新快速、互動性好等優點在地理信息查詢方面得到了廣泛的運用。因此，電子地圖被大量應用于城市規劃，科學考察，出行導航等各個領域。

早期的電子地圖由紙質的普通地圖掃描而成，只具有簡單的放縮和移動功能。由于當時網絡的限制，電子地圖的存儲介質多是光盤軟盤等，所以不具有通用性。同時，也阻礙了它的發展。如1985年發行的《世界數字地圖集》就是以光盤為存儲介質，這個電子地圖屬于早期電子地圖，它只包括世界各國的政界線，一些著名的河流、道路、山脈，只具有基本的瀏覽功能。90年代以后，隨著互聯網技術和萬維網技術的飛躍發展，電子地圖也逐漸實現了網絡化。

現在電子地圖已成為大家熟悉的工具，近幾年，google、百度、靈圖等國內外知名網絡軟件公司都相繼推出自己的電子地圖。這些電子地圖由于開發工具，產品定位，市場背景等因素各具特色。其中值得注意的是靈圖公司的一款UU電子地圖，它是由Flash為主要開發工具而制作，大小只有54k，其中包含了我國43個城市的地圖。由此可見Flash在電子地圖中的應用是值得思考和探索的。

1 Flash在電子地圖上的優點

Flash是美國Macromedia公司出品的矢量圖形編輯和交互動畫創作的專業軟件，主要用于網頁設計和多媒體創作領域，功能十分強大，已成為交互式矢量動畫的標準。其腳本語言ActionScript更使它表現出了強大的交互性，通過編程可以創造出各種奇妙的動畫效果和網絡應用程序。

目前，電子地圖的實現方式主要有三種：基于處理軟件的集成、基于GIS平臺的二次開發和基于程序設計語言的底層開發[1]。而Flash作為時下很熱門的交互式動畫軟件，在電子地圖制作方面有著不俗的表現，實現容易，成本低，瀏覽效果好，形式多樣都是它的優點。還有，Flash在用戶電腦上的工作方式是以插件形式工作，插件容量小，安裝方便。多數操作系統（如 Microsoft、Apple、Netscape）都捆綁了Flash播放器——Flashplayer，所以Flash文件可以廣泛的在網上傳播而不受操作系統不同的影響。最后，Flash能夠很好的處理多媒體文件（如圖片、聲音、視頻），使地圖內容得到了極大的豐富。

2 基于Flash技術的電子地圖

2.1 邵陽學院電子地圖首頁

邵陽學院有兩個主要校區：李子園校區和七里坪校區，在首頁（如圖1）上點擊一下就可進入每個校區圖（如圖2）。

圖1 邵陽學院電子地圖首頁

圖2 邵陽學院李子園校區

2.2 電子地圖的結構

邵陽學院電子地圖由主圖、全景圖集、特寫圖集三大部分組成，它們的關系如圖3。通過點擊按鈕瀏覽者可以往返于各個場景。

圖3 三者關系

圖4 視覺注意在屏幕上的分布

圖5 主圖界面

2.2.1 主圖

主圖包含的信息最多，在整個地圖中起著主導作用。其窗口分別由工具欄、鷹眼圖、底圖三部分組成，布局時考慮到三者的大小、功能以及人對屏幕的視覺注意分布的不均勻性（如圖4），特把工具欄和鷹眼窗口分別放于整個面板的底部和右上角（如圖5）。

視覺傳達設計原理的運用有助于提高多媒體電子地圖界面設計的視覺效果和實用價值，所以在顏色搭配方面要下功夫。選擇了灰為主色調，同時選擇與物體本身相近的顏色為底圖元素的顏色，從而符合人們的正常視覺感受。

對于地圖內所有元素的形狀也需具有統一、簡單、形象等特點，例如馬路就選擇了白色端點為圓角直線，綠化帶為深綠色的多邊形，房屋為灰色加黑色邊框的矩形。此外用于說明底圖元素的文字也采用統一的大小統一的字體。

通過對工具欄里按鈕的操作，結合鷹眼的輔助定位即可以完成電子地圖的所有功能。

2.2.2 特寫圖集

特寫圖集由許多不同的特寫圖組成，以實物圖片結合動畫特效完成對某些底圖元素（例如圖書館，教學樓）的“立體”呈現。它包含三部分：功能鍵、俯視圖、主場景。

功能鍵有放縮和返回兩種，前者用于調整主場景圖片大小，后者用于返回到主圖。俯視圖是一個影片剪輯元件，其中包含了一個底圖元素的俯視簡圖和幾個代表不同視角的按鈕元件。通過點擊視角按鈕來導入相應的圖片，在切換視角的過程中結合圖片在腦海里形成對實物立體認識，從而讓瀏覽者充分了解實物的形態。主場景有一個空影片剪輯元件用于導入圖片，它是主要的信息載體。當圖片載入到其中后，不僅可以通過功能鍵控制它的大小還可以用鼠標來移動圖片，從而更方便的觀看圖片內容。

2.2.3 全景圖集

全景圖集同樣由具有三維全景效果的不同的全景圖組成，全景效果是一種運用數碼相機對現有場景進行多角度環視拍攝然后進行后期縫合并加載播放程序來完成的一種三維虛擬展示技術。從實現的虛擬效果專業程度來分，有柱狀全景與球形360度全景兩種。柱狀全景是對場景沿著水平方向進行環繞拍攝，然后拼合起來的全景。沒有特殊需要，此電子地圖采用的也就是這種全景效果。全景圖包含兩部分：功能鍵和主場景。前者為一個返回按鈕前面已經介紹；后者包含多個影片剪輯元件，這些元件里都是圖片，通過腳本語言把這些元件合理的連接起來最終形成特效。全景瀏覽功能的操作很簡單，當進入全景圖后通過移動鼠標來控制圖片的移動方向，與此同時鼠標會因它所處的不同位置呈現不同的形狀。

2.3 功能實現

2.3.1 利用flash制作電子地圖

電子地圖具備了移動、放縮、鷹眼、收索、全景、實物特寫等功能。這些功能極大的增強了地圖的實用性和趣味性，讓我們輕松獲取信息。下面將對部分功能代碼進行解釋和分析。

由于各種功能代碼具有相互聯系，所以一個幀上的代碼牽涉到多個功能實現[2]。這里將交錯的代碼放到一起，不分別講述。

Stage.showMenu=false;//控制右擊菜單欄的顯示

dinwei._visible=false;//主窗口的定位圖標不可見

fs=5;//鷹眼縮小為舞臺大小的1/5

dian=0;//記錄點擊了消息框中哪個按鈕

3 結束語

Flash在電子地圖的應用在不斷的更新，許多新功能被引入。此電子地圖結合時下流行的虛擬特效，憑借Flash技術通過編程方式成功實現了具有全景、特寫、收索功能的校園電子地圖。此電子地圖技術同樣適合于住宅小區、企事業單位、政府電子地圖的開發。

[1]任福,蔡忠亮,時曉燕.基于Flash 技術的專業互動多媒體網絡地圖構建[J].測繪信息與工程, 2002, (6).

[2]周紅波,宋穎,牛莉.網頁設計與制作[M].天津:南開大學出版社, 2010.

(責任編校：劉志壯)

TP39

A

1673-2219（2010）08-0061-03

2010－05－23

邵陽學院校級重點項目，項目編號：2007B13。

牛莉（1970－），女，湖南省新寧縣人，副教授，碩士，主要研究方向為數據庫技術及其應用。