校园电子地图的设计与开发

开篇：润墨网以专业的文秘视角，为您筛选了一篇校园电子地图的设计与开发范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：近年来，电子地图作为互联网的一个重要分支，随着互联网的大兴其道对人们的日常生活产生了无可估量的影响。本文在介绍电子地图及Flash技术特点的基础上，分析利用Flash技术设计和开发电子地图的解决方案。研究了用Flash 结合XML制作电子地图的方法，详细阐述了这种方法制作电子地图的优势。以某学院电子地图的实现过程，提供了一种开发容易，成本低廉且技术可行的电子地图制作的有效方法。

关键词：电子地图；Flash；XML

1. 前言

电子地图是以一种以国际互联网作为主要传播介质的新兴数字化地图。这种以多媒体为主要表现形式，利用网络技术传播的地图产品即为面向网络的电子地图[1]。本文主要介绍尝试使用Flash结合XML技术来制作电子地图。

2. 电子地图概述

2.1 电子地图的分类

电子地图分类主要有以下三种：

一种是以光盘为载体的电子地图，它们大多是专题地图，以专业内容为主。再者就是GIS、GPS行业用的专业地图，定位精度高，数据采集一般都源自以纸为介质的地图。还有就是以网站形式存在的在线电子地图。这种地图实时性强，而且由于以互联网为传播纽带，非常方便。

2.2 电子地图的特点

电子地图作为一种新兴的数字地图具有以下特点：

首先是适应性强。由于电子地图是基于互联网的，所以地图使用者可以在地球任意位置用互联网终端进行浏览、查询任意地区的地图。

其次是实时性好。网络电子地图是在互联网上的，管理者又能对地图进行实时更新，因而人们可以通过互联网得到最新最有价值的地图。

再次就是使用简单。特别是那些对动态数据要求不高的系统，这种方法更显示出它的优势。

2.3 电子地图与传统地图的比较

首先是不受地区的限制。其次是内容比传统地图要丰富。电子地图可以加入多媒体演示以及其他的专题内容，这是传统地图无法比拟的。还有就是电子地图要比传统地图更新速度快。再一个就是使用方便。传统地图纸张如果过大的话，不方便浏览与查找。电子地图很好地解决了这一问题。

2.4 Flash电子地图的技术准备

在制作电子地图的过程中将会用到的Action Script脚本语言的知识。

3.用Flash制作电子地图的解决方案

3.1 Flash的特点

Flash 包含了许多种功能，如拖放用户界面组件、将动作脚本添加到文档的内置行为，以及可以添加到对象的特殊效果 [2]。

首先是数据是矢量化传播的，具有集成性高，互动性明显的优点。其次是将Flash的多媒体优势和XML相结合所形成的强大功能更是其他专业GIS软件无法比拟的。还有就是提供动画编程脚本语言Action Script，可以运用它在Flash中支配对象，创造运动和交互的造型，并通过Flash制作高质量的交互动态地图。最后Flash还提供XML支持以实现Flash中的数据与服务器进行交换。

3.2 确定电子地图功能

电子地图是用来显示内部的各个方面的信息，鉴于地图的真实性和准确性，需要有放大、缩小、移动、恢复、测距和查找等功能。

3.3 制作电子地图的底图

3.3.1 使用Photoshop进行图片处理

由于本系统的地图的底图已经由校方提供，所以并不需要从零开始绘制。

3.3.2 斑马线的制作

为了使鸟瞰图显得更与实际情况相符合，我将道路上的斑马线在Flash中用线条工具实现。

3.3.3 在Flash中进行图片整合及实地标注

由于计划实现当鼠标划过某个建筑物时显示其实物图片和相关信息，所以将每个建筑物的上面都标注了对应的名字。

3.4 各个功能按钮的外观制作

3.4.1 放大等按纽的制作过程

由于我打算使用Flash自身的放大，缩小，查询等按钮样式，所以我采用抓图的方法把Flash 中的按钮样式抓下来。然后分别将鼠标经过，按下，抬起时的样式分别用屏幕照相的方法记录下来。

3.4.2 隐形按钮的制作过程

启动Flash，新建一个空白文档，点击菜单栏上的“插入”—>“新建组件”，然后选择按钮，点击“确定”后进入按钮的制作部分。

3.5 制作各个功能按钮及配备ActionScript代码

3.5.1 放大、缩小、移动、复位功能按钮的实现

首先将在3.4.1中所有已经制作完成的按钮图片全部导入到Flash的库中按钮包文件夹下。调整这两个属性的值从而达到改变地图大小的目的。缩小、移动、复位按钮的制作过程与放大按钮的制作过程类似。复位按钮的功能是将地图恢复到开启时的初始状态。

3.5.2 测距功能按钮的实现

测距按钮的制作过程与放大按钮的制作过程类似。通过Flash环境提供的三种数学函数，运用三角形的勾股定理换算出测量长度。

3.5.3 查询功能按钮的实现

实现原理：用input_txt动态文本框接收输入的地名名称。用载入的外部文件west2Data.xml，依次将地名与input_txt.text比较，如果两个地名相符，取相对应的X、Y轴坐标值，将地图做相应的缩放及移动操作。在本例中地图将做放大5倍，同时将地图中心移动至被查询的地名。

由于在搜索时，我把一些相近的叫法都作为了关键字来作为待搜索项。比如“四教学楼”，“第四教学楼”以及“数学楼”指的都是同一个建筑物。

3.5.4 控制面板的实现

新建一个影片剪辑，名为cpinfo。Ctrl+L调出库，选中cpinfo ，在其上单击鼠标右键，选择链接，然后双击库中的文件名，对此影片剪辑进行编辑。将图层一改名为background，再新建两层，为别起名为buttons和as。

到此为止，只是将cpinfo部分完成了。其调用者为Window组件。向主场景中拖入一个Window组件，Alt+F7调出“组件检查器“，选中Window组件，然后在组件检查器中编辑。

3.5.5 隐藏控制面板的按钮的实现

在主场景中新建一层，名为hidectrolpanel，Ctrl+F7调出组件面板，选中hidectrolpanel层，拖入一CheckBox。

3.5.6 隐形按钮与鼠标划过时显示图片及相关信息

在map_mc影片剪辑中，分别向每个建筑物的标注上拖动一个隐形按钮。在每个隐形按钮上添加ActionScript脚本，然后在每一帧上均添加n值不同的代码。在map_mc中，将相对应的照片拖入场景中，并搭配上相应的文本内容。文本框为动态文本。

至此，电子地图全部制作完成。

4.Flash电子地图的应用前景

Flash技术已成为网络动画制作的技术主流，而且利用Generator服务器技术更可以根据需要自动创建和提供动态和个性化的内容[3]。利用Flash结合XML技术来创建电子地图为我们提供了一种新的思路。

结论：

用Flash 结合XML制作电子地图是对网络化地理信息展示的一种尝试，在对数据库要求不高、动态数据较少的地理信息展示方面，这是一种相对切实可行、开发容易、而且成本低廉的方法。

参考文献：

[1]作者未知.http：//.cn/f/edu/0610/26/341031.htm，2004-05-19.1-3.

[2]丁建超.Flash MX动画高级实例教程[M].北京：中国青年出版社，2002.55-56.

[3]赖建荣，李思伟.Flash XML实用开发技术[M].北京：清华大学出版社，2002.（19）.