基于Flash技術(shù)的邵陽學(xué)院電子地圖

牛 莉 陳 杰 劉志強

（邵陽學(xué)院，湖南 邵陽 422000）

基于Flash技術(shù)的邵陽學(xué)院電子地圖

牛 莉 陳 杰 劉志強

（邵陽學(xué)院，湖南 邵陽 422000）

闡述了flash在制作電子地圖中的優(yōu)點。通過對邵陽學(xué)院電子地圖設(shè)計過程的介紹，講解了Flash技術(shù)在電子地圖制作中的作用。

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

0 引 言

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

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

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

1 Flash在電子地圖上的優(yōu)點

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

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

2 基于Flash技術(shù)的電子地圖

2.1 邵陽學(xué)院電子地圖首頁

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

圖1 邵陽學(xué)院電子地圖首頁

圖2 邵陽學(xué)院李子園校區(qū)

2.2 電子地圖的結(jié)構(gòu)

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

圖3 三者關(guān)系

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

圖5 主圖界面

2.2.1 主圖

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

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

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

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

2.2.2 特寫圖集

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

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

2.2.3 全景圖集

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

2.3 功能實現(xiàn)

2.3.1 利用flash制作電子地圖

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

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

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

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

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

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

3 結(jié)束語

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

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

[2]周紅波,宋穎,牛莉.網(wǎng)頁設(shè)計與制作[M].天津:南開大學(xué)出版社, 2010.

(責任編校：劉志壯)

TP39

A

1673-2219（2010）08-0061-03

2010－05－23

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

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