基于Flash技术的邵阳学院电子地图
2010-09-04刘志强
牛 莉 陈 杰 刘志强
(邵阳学院,湖南 邵阳 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-),女,湖南省新宁县人,副教授,硕士,主要研究方向为数据库技术及其应用。