Flash互动电子地图制作手册——入门实例 |
||||||||
目前网上涌现出众多电子地图,这些电子地图操作方便,具备数据查询、距离测量甚至精确定位等传统地图所不具备的强大功能。
今天我们就从最简单的电子地图开始,我们以制作某地区的地图为例逐步由浅入深讲解制作步骤。完成效果如下。
一、确定地图功能 地图的底图可以通过很多的图形图像处理软件来制作,当然也可以用Flash 制作,在这里不做详解。 三、制作功能按钮 新建一个新的图层,命名为“按钮”,在该层依次创建“放大”、“缩小”、“移动”、“复位”和“测距”5个按钮。如下图所示。
四、为按钮分配AS功能代码 1、“放大”的ActionScript代码如下:
注:其中的_xscalet和_yscale是确定从影片剪辑注册点开始应用的影片剪辑水平及垂直缩放比例 (percentage)。默认注册点为 (0,0)。同时调整这两个属性的值可以达到改变地图大小的目的。 当然,我们还可以使用以下ActionScript代码:
2、 “缩小”按钮的ActionScript代码如下:
或者:
3、“移动”的ActionScript代码如下:
注:此处所调用的全局函数startDrag可以使影片剪辑在影片播放过程中拖动。一次只能拖动一个影片剪辑。执行 startDrag() 操作后,影片剪辑将保持可拖动状态,直到用 stopDrag() 显式停止拖动为止,或直到对其它影片剪辑调用了 startDrag() 动作为止。 4、“复位”按钮的功能是将地图恢复到文件开启时的初始状态,其ActionScript代码如下:
注:缩放本地坐标系统将影响 _x 和 _y 属性设置,这些设置是以整像素定义的。 5、“测距”按钮的功能是测量地图上某两点间的距离,其ActionScript代码如下:
注: createEmptyMovieClip方法是创建一个空影片剪辑作为现有影片剪辑的子级; 五、标注地名 再加上地名标注就构成了一个最基本的电子地图框架,效果如下。
如果只是一个小区或是小城市的地图,比如九江电子地图,直接在新建图层上注标地名即可,但如果是要制作类似网格深圳、中国电子地图网等大型城市的地图,其标注内容太多,而且需要经常更新,就不适合在Flash内标注,而要调用外部数据库来完成。 |