基于Flash的网络电子地图研究

2018-05-09 02:52戴渊铮
无线互联科技 2018年9期
关键词:鹰眼矢量化电子地图

戴渊铮

(大同大学,山西 大同 037009)

网络电子地图是一种新兴的地图,它综合运用了数字制图、地理信息、多媒体等技术,把各种媒体信息有机地联接在一起,相对于传统地图,它具有适应性强、实时性好、查询方便、维护简单、形式多样的特点和优点[1]。Flash是当今国际流行的动画制作软件,它在制作或播放矢量图形和动画素材,以及在放大和缩小的操作中没有失真。同时一些浏览器自带Flash播放器,用户无需安装插件即可快速启动并观看动画[2]。对于动态数据要求不多的系统,使用Flash制作矢量化校园电子平面地图并实现浏览、缩放等功能,可充分体现其优势。

1 用Flash制作网络电子地图的优势

本文利用一种新型的、易于实现的技术—Flash技术制作网络电子地图,它实现成本低,形式多样。利用Flash技术制作的电子地图是一种矢量化地图,它的特点是:图形数据量小、精度高、交互性好。网络电子地图的使用者可以对地图放大、缩小、投影,还可以对其进行浏览、信息查询,此外,有鹰眼显示,用户可以有选择地显示地图[3]。用Flash制作网络电子地图已成为网络电子地图的主要类型,这也是它通用的关键。这种方法最适合用在那些对动态数据要求不多的系统,足以显示它的性能优势。

1.1 对开发平台的要求

人们以前所用的网络电子地图,实现起来通常采用的是网络地理信息系统(Web Geographic Information System,WebGIS)技术。它需要借助GIS软件进行开发,开发软件通常是庞大的且昂贵的专业开发软件,开发的时候成本需求较高,最重要的是可维护性较差。Flash软件容易上手,应用较广,以及获得软件的途径便利,而且用Flash制作的网络电子地图能很好地实现软件后期的维护。

1.2 对网络的依赖

WebGIS技术还不是非常成熟,如果使用WebGIS技术,由于生成的地图数据量非常大,必须有相应的数据处理方法、数据压缩技术和可视化工具等作为辅助,这样将使得它的结构变得非常复杂,同时它对网络带宽要求也很高。然而用Flash技术制作网络电子地图,对带宽要求也比较低,不存在网络速度问题,最终形成的图形数据量小[4]。

1.3 客户端浏览器

客户端浏览器安装响应的插件是使用WebGIS平台开发出来的电子地图的通常要求,目前只需连接到互联网的电脑就都能播放Flash图片和动画,插件来源容易取得。

1.4 制作网络电子地图的效果

以前人们很难获得满意的电子地图,得到的通常难以做到生动活泼,交互功能也很有限,所以在使用GIS系统开发电子地图时,开发者的目的也不是为了对地图的精确管理。而Flash应用其进行开发的电子地图生动活泼,形式多样,是一种制作矢量图片和动画的比较专业的工具之一[5]。

2 用Flash开发电子地图的流程

2.1 流程

地图信息搜集与编辑—功能与界面设计—具体功能实现(编写ActionScript程序)—导出swf文件。

2.2 底图搜集

2.2.1 资料收集

通过问卷调查等方式收集用户对电子地图的功能需求,结合功能需求收集相关资料。如:收集校园教学楼、图书馆、道路的名称及相关背景资料等,同时从不同的角度拍摄相关建筑和街道的图片,在需要的时候录制相关资料的视频,将他们放到本地资料库中。这样不仅可以为用户信息查询提供资料,同时可以提供给用户更加直观的图片、语音、视频等信息,方便用户更准确快捷地了解相应的目标,为用户使用该电子地图提供更加人性化的服务[6]。

2.2.2 资料编辑

对收集到的各种资料要进行编辑,方便后期制作电子地图的使用。如文字的录入、图像的扫描、格式的转换等,将编辑后的信息导入Flash中制作电子地图。

2.3 地图编辑

矢量化及矢量地图的处理如下。

2.3.1 位图文件矢量化

我们收集的图片是静态的位图,这些图片拥有丰富的色彩和深度,数据量大,但是如果分辨率不够,得到的图片就会失真,我们通常的做法是将位图切换成矢量图,得到的图片不管放大或者缩小多少倍都不会失真。所以在Flash中首先将位图文件进行分块处理,降低存储量,其次再通过CorelDRAW把位图转矢量图。

2.3.2 栅格地图矢量化

在Flash中有两种方法将栅格地图矢量化。(1)将栅格地图矢量化。是说把栅格地图作为图层背景,然后在其上面建立一个新的图层,在新图层上,利用Flash的绘图功能绘制出与背景一致的矢量图,该方法费时,但是效果好。(2)直接利用Flash软件自身的工具:点击“修改”工具栏,找到“转换位图为矢量图”,这样就可以将位图进行自动矢量化,这样得到的矢量图效果较差,但实现起来所需时间较短。

2.3.3 矢量地图的处理

通过上面两种方法得到的矢量地图是相对粗糙的,不能很好地体现网络电子地图美观、生动的一面,因此,我们需要对矢量地图作进一步的修改。如:我们可以为不同地图元素的添加不同的颜色,或者为特定的目标添加特定景观和建筑物(如图书馆、校训石)的实体微缩照片、添加卡通图片等来进行完善。

2.4 功能与界面的设计

(1)由于面对用户的不同,设计用途的不同,电子地图在设计方面所具有的功能也不同。一般情况下,电子地图应具有浏览、查询、缩放、移动等功能,且要求界面设计简洁、美观、人性化为宜。所以根据上面的要求,可以将电子地图分为几大区域:地图显示区、按钮区、鹰眼区、查询区,这样会使操作简便,用户在短时间内即可掌握操作方法。

(2)我们设计的电子地图,除了实现上面的基本功能之外,为了体现人性化的一面,特别设计了鹰眼功能,这样可以让用户很直观地了解目前所在区域在整个地图中的位置。

(3)将各功能模块集成,实现电子地图的浏览、查询、移动等各项功能。对与热点的建筑或街道,如图书馆、逸夫楼等建筑加上超链接,点击超链接可以显示图书馆、逸夫楼的详细介绍和图片等说明的信息,同时还对热点的目标加上重点提示的信息,如闪烁、渐变等手段。

2.5 具体功能研究与实现

2.5.1 缩放及平移功能

打开校园网络电子地图,如果用户关心的只是校园某一具体位置或建筑的详细信息,这时就可以使用网络电子地图的缩放及平移功能。

首先在Flash中新建一个文档map_mask. fla,准备素材,创建相应的按钮并添加图层,然后装配。

a.初始化应用程序。我们定义一个函数ini(),执行该函数完成对应用程序的初始化工作。

2.5.2 超链接

有些目标是人们点击量比较多的,将这些目标定义为电子地图热点目标,因此,我们给这些热点目标添加了超链接和虚拟动态显示功能。如图书馆、逸夫楼、奥宇食堂等热点目标添加了超链接,点击超链接就可以显示该目标的详细介绍和图片等说明信息,同时还对这些热点目标加上重点提示的信息。超链接的具体操作:先将图书馆转换为元件,然后通过on (release)来发送鼠标点击消息,执行所要操作的命令。虚拟动态显示的具体操作:利用Flash中多媒体功能来实现。

2.5.3 鹰眼功能

鹰眼可以对地图的全局进行浏览和认识。当用户在主窗口中浏览地图时,在鹰眼窗口可以同步显示所浏览区域在整个地图中所处的位置。为了不影响地图的显示范围和整个界面的美观,需要专门设置一个鹰眼窗口,把地图缩放到该窗口,并且可以根据用户的需求随机地打开和关闭鹰眼窗口[2]。

鹰眼的实现是利用了Flash对于元件属性的修改功能:首先,定义一个长方形转换成元件,作为蒙皮,用来提示大地图在所有地图中的位置;然后,当用户有操作申请时,重新读取显示区域和整体地图的关系比例,同时更新蒙皮的位置和大小,我们使用updateAfterEvent函数实现即时更新。

其实现过程为:在鹰眼窗口中放置一幅地图作为底图—创建一个蓝色矩形—将蓝色矩形转换为影片剪辑—调整透明度。在鹰眼中,地图只是作为参考,是不移动的,移动的是蓝色矩形。对地图进行移动、缩放等操作时,根据两个影片剪辑的数学关系进行联动操作[3]。

2.5.4 标注

Flash电子地图数据量大,我们要是手工操作,在地图上按照需求创建地名、批注对应目标的内容,可想而知它的工作量是多么巨大,因此我们利用数据部署文件来动态辅助完成这些操作,详细来讲就是调用外部XML数据文件来进行地名标注的功能。另外,它在后期维护及更新上也是不容易的。

(1)创建用于地名标注的XML文件。

首先要创建一个以地名为文件名的信息文件,该文件包括地点名称、地点坐标等基本信息,其格式为XML文件格式,内容如下:

其中项为地名名称;与项为地名标注的X轴与Y轴坐标。

(2)Flash调用代码。

打开Flash Professional,在地图所在层的时间轴上,录入以下ActionScript代码:

其中,XML文件使用相对路径,调用地图文件的网页文件与Road.xml文件应置于相同的路径下,否则Flash将无法调用XML文件。

2.5.5 查询功能

信息查询是电子地图必备的基本功能之一。本文主要研究的是地点的查询,查询功能是通过与调用的XML文件的数据一一比对实现的,具体实现如下[3]。

首先,用input_txt动态文本框接收输入的地点名称,地点名称存放于input_txt.text变量中;然后,input_txt.text与载入的外部文件XMLData.xml依次比较,如果两个地名相符,取相对应的X、Y轴坐标值;最后,将地图做相应的缩放及移动操作,在此过程中地图将放大50倍,同时将地图中心移动至被查询的地名[2]。

XMLData.xml的部分代码如下:

在时间轴的动作面板,输入以下代码:

打开“查询”按钮的动作面板,输入以下代码:

正式发布后,查找地名,地图将做出相应的缩放和移动等操作。如:输入“行知楼”,查询到相对应的代码为:“”,地图中心移至(37 488,33 882),自动放大50倍。

2.6 调试与发布

制作完毕后,经反复测试,证明系统运行无误,导出文件。

3 结语

网络电子地图作为一种新的地图产品,正悄然改变着人们使用地图的方式。借助于文字、图片、视频、音频、动画等信息丰富感官的多种媒体,网络电子地图正逐步发挥其作为新型地图传输信息的作用。

通过Flash技术制作大同大学网络电子地图的实践证明,在数据量较少、精确度要求不是很高的情况下,采用这种方法制作的网络电子地图色彩丰富,内容多样,能满足用户需求。由于理论知识的局限性和开发经验的缺乏,其中部分功能仅作了研究而没有完整地实现,有待于进一步深入学习Flash技术和电子地图制图技术,使得本设计得到完善。由于Flash技术并非专门针对电子地图领域,所以利用Flash制作的电子地图与专业电子地图软件制作的电子地图仍有一定差距,其功能也很有局限性,但是也充分体现出它的优越性。如果按照Flash技术原理,同时结合一些专业的制作地图工具就能够制作出功能更强大更好的电子地图,在要求不是很高,同时又能满足用户需求的基础上,利用Flash技术开发电子地图还是具有较大的发展潜力的。随着计算机技术的进步和多媒体技术的发展,以及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.

猜你喜欢
鹰眼矢量化电子地图
基于灵活编组的互联互通车载电子地图设计及动态加载
猎击精英:鹰眼
基于计算机视觉和LabVIEW平台的网球鹰眼系统
发光的战场鹰眼
基于Mapserver的增强现实电子地图的设计与实现
鹰眼二型多旋翼无人机
基于VP Studio和CASS的栅格地形图矢量化方法
电子地图在初中地理教学中的应用实践
遥感图像多尺度分割算法与矢量化算法的集成
电子地图多尺度显示模型研究