flash互动电子地图制作手册

《flash互动电子地图制作手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、目前网上涌现出众多电子地图，这些电子地图操作方便，具备数据查询、距离测量甚至精确定位等传统地图所不具备的强大功能。　　现有的电子地图多数用Java开发的，功能强大，操作便捷。比较典型就是Mapbar(mapbar.com)与Mapabc(mapabc.com)、灵图(lingtu.com)。　　此外，还有一部分是用Flash制作的电子地图，比如网格深圳(wanggesz.com)、九江电子地图(jjmap.cn)、江门(五邑)地图(5emap.com)、衡阳电子地图(hyemap.com)等。　　Java与Flash

2、相比具有明显的优势，是电子地图技术的主流方向。不过使用Java地图的客户端必须安装Java虚拟机，对于没有安装相关插件的电脑用户来说，并不能立即使用Java电子地图。　　但对于非专业的爱好者来说，Flash比Java更容易掌握一些。特别对于绘制楼盘、小区或是小城市的地图，并没有太多太强的功能要求，使用Flash制作已经足够了。　　对于Flash电子地图来说，几乎所有的个人电脑都安装了FlashPlayer插件，只要打开浏览器即可正常使用。因此对于非专业的爱好者来说，无论使用或是学习制作Flash电子地图更为现实一些。

3、只要掌握了一定FlashActionScript的基础知识，都可以通过学习制作出自己满意的互动电子地图。　　　　本系列专题将为大家逐步系统地介绍使用MacromediaFlashProfessional制作Flash电子地图的知识，以供大家交流学习。　　今天我们就从最简单的电子地图开始，我们以制作某地区的地图为例逐步由浅入深讲解制作步骤。完成效果如下。最简单的Flash电子地图点击左边五个功能按钮可以得到相应功能测距时用鼠标在地图中需要测距的起点单击按住拖动到终点松开即可　　一、确定地图功能　　首先，我们必须确定这个

4、电子提图需要实现的功能。一般说来，最常用的功能无非是对地图的缩放、移动、按地名查询和测量距离等。在这里我们只选取比较简单的“放大”、“缩小”、“移动”、“复位”和“测距”。　　二、制作地图的底图　　地图的底图可以通过很多的图形图像处理软件来制作，当然也可以用Flash制作，在这里不做详解。　　打开MacromediaFlashProfessional，导入做好的地图图片作为底图。（本例中使用一个用FlashProfessional制作完成的底图。）　　三、制作功能按钮　　新建一个新的图层，命名为“按钮”，在该层依次创

5、建“放大”、“缩小”、“移动”、“复位”和“测距”5个按钮。如下图所示。图1创建基本功能按钮　　四、为按钮分配AS功能代码　　进入“动作面板”，为各个按钮配上以下ActionScript功能控制代码。　　1、“放大”的ActionScript代码如下：　　on(release){//当鼠标释放时执行以下动作　　　　map_mc._xscale*=1.2;//地图的X轴坐标放大20%　　　　map_mc._yscale*=1.2;//地图的Y轴坐标放大20%　　}　　注：其中的_xscalet和_yscale是确定从影

6、片剪辑注册点开始应用的影片剪辑水平及垂直缩放比例(percentage)。默认注册点为(0,0)。同时调整这两个属性的值可以达到改变地图大小的目的。　　当然，我们还可以使用以下ActionScript代码：　　on(release){//当鼠标释放时执行以下动作　　　　map_mc._width*=1.2;//地图的宽度放大20%　　　　map_mc._height*=1.2;//地图的高度放大20%　　}　　注：_width和_height影片剪辑的宽度和高度，单位为像素。　　2、“缩小”按钮的ActionScri

7、pt代码如下：　　on(release){//当鼠标释放时执行以下动作　　　　map_mc._xscale*=0.8;//地图的X轴坐标缩小20%　　　　map_mc._yscale*=0.8;//地图的Y轴坐标缩小20%　　}　　或者：　　on(release){//当鼠标释放时执行以下动作　　　　map_mc._width*=0.8;//地图的宽度缩小20%　　　　map_mc._height*=0.8;//地图的高度缩小20%　　}　　3、“移动”的ActionScript代码如下：　on(release){/

8、/当鼠标释放时执行以下动作　　move();//调用move()函数　}　functionmove(){//定义move()函数　　　map_mc.onMouseDown=function(){//当鼠标左键按下时　　　startDrag(map_mc);//开始拖动地图map_mc　　　}　　　map_mc.onMouseUp=functio