基于Flash技术的电子地图的设计与实现.docVIP

基于Flash技术的电子地图的设计与实现 0引言 目前，电子地图作为一种信息商品，日益受到各界青睐。电子地图主要反映有关的空间信息(例如楼房的位置，建筑的分布等图形)，用Flash技术来不仅容易实现，而且成本低，浏览效果好。 同时，XML已经成为Internet应用程序中交换结构化数据的标准，而Flash新版本的推出，越来越体现出与XML的紧密联系，Flash同时提供了大量的XML相关操作指令，例如：firstChild、childNodes、Attributes、nodeValue，使得Flash实现电子地图标注轻而易举。 1系统设计 整个系统的设计思路可用如图1的流程图所示： 图1电子地图信息导航系统设计思路流程图 1.1地图空间数据及属性数据的采集和整理 （1）地图空间数据的采集和整理 地图空间数据是指以地球表面空间位置为参照的自然、社会和人文经济景观数据，可以是图形、图像、文字、表格和数字等。电子地图要求能够详细地显示主要建筑群、道路等。所以，建立电子地图首先必须生成主要地理元素的图像表征，即数据采集。 通过收集校园道路、湖泊、主要建筑的名称、主要建筑的内部布局、主要部门名称及所在和相关介绍，为信息查询提供资料库。拍摄搜集相应建筑图片，添加到信息查询资料库中，为用户提供直观的图像信息，将搜集到的电子地图信息导入到Flash中制作电子地图。本系采用的数据来源是MapInfoTable格式的广西工学院地图数据，以MapInfoTable格式的图层轮廓数据为基础数据，在MapInfo中利用矩形选择等工具，将这些图层轮廓基础数据选取出来，分别拷贝到Flash文件中成为对应图层的矢量数据，利用Flash强大的绘图功能，将各层数据进行填充、美化、分层处理。并实地测量记录各建筑之间的距离及道路参数，计算比例，获得相对地理坐标，为点对点查询提供参考数据。 （2）属性数据的采集和存储方式 ①地物位置及相关数据的采集： 根据校园建筑布局的实际情况，将每一建筑物赋予相应的实际名称，并记录其在map_mc中的x轴和y轴坐标；将手工收集和实际采集来的各地物的图文信息分别进行整理，分别制作成独立的Flash影片，作为查询时的结果显示信息。 ②地物位置及相关数据的存储： 利用Flash中的XMLConnector组件可连接到XML数据文件的功能，以及XML的树形结构的特点，采取将地名名称及其位置信息以XML文件格式存储，文件名为road.xml，存储格式如下： ?xmlversion=3.0encoding=GB2312? !--version是版本号，ecoding是编码标准-- map rn主入口广场/nx60/xy130/y/r rn学术交流中心/nx40.5/xy126/y/r rn公用计算中心/nx74/xy127.2/y/r … /map 1.2功能设计 地图信息导航系统除了需实现放大、缩小、移动、复位等基本功能之外，还设计了如下扩展功能：地物查询：单击主界面上方的菜单，在弹出的列表中选择要查询的地物表项，该地物的位置即可在地图上加以高亮显示，并可在右下角的弹出窗口中浏览该地物的相关图文信息。 关键字查询：在主界面上方相应的文本框中输入所要查询的地物关键字、常用名或简称，该地物的位置即可在地图上加以高亮显示，并可在右下角的弹出窗口中浏览该地物相关图文信息。 测距：利用测距功能可在地图的任意位置上按住鼠标并拖曳出一条红色直线，在直线上动态显示直线的长度，以查看地图上任意两点之间的实际距离。 2功能实现 2.1基本操作功能 基本功能包括地图主窗口的放大、缩小、移动以及复位。通过Flash的内部编程脚本语言AS可以很方便地实现。例如，放大功能的主要算法过程如下表示： _root.map_mc._xscale+=30;//地图在x轴上的百分比增加30 _root.map_mc._yscale+=30;//地图在y轴上的百分比增加30 此外，为了实现在对地图进行放大缩小操作时，能使鼠标点击的位置显示在屏幕中央，所以添加了以下算法： _root.map_mc._x=(map_mcx+(400-_root._xmouse)); _root.map_mc._y=(map_mcy+(340-_root._ymouse)); map_mcx=_root.map_mc._x; map_mcy=_root.map_mc._y; 通过UpdateAfterEvent()函数在影片事件发生后更新舞台。 2.2信息查询功能 （1）地物查询 当鼠标滑过电子地图系统中菜单栏的地物查询按纽时，按纽下方将弹出一地物名称菜单，用户可通过在菜单中上下滑动鼠标来选择想要查询的地物菜单项，此时，当查询到以后则以此地物位置为中心在主窗口区域显示地图，并且以闪烁的方式高亮显示该地物位置