在上一讲中我们介绍了通过调用外部XML文件实现了地名的显示。在这一讲中,我们讲解如何通过Flash ActionScript代码的trace函数实现互动地图后台快速标注地名的工作。
[1b]了解trace函数[/1b]
首先我们了解一下trace函数;
我们可以使用 Flash 调试播放器捕获来自 trace() 函数的输出并显示结果。在测试 SWF 文件时,使用此语句可在"输出"面板中记录编程注释或显示消息。使用 expression 参数可以检查是否存在某种条件,或在"输出"面板中显示值。trace() 语句类似于 JavaScript 中的 alert 函数。可以使用"发布设置"对话框中的"省略跟踪动作"命令将 trace() 动作从导出的 SWF 文件中删除。
需要重点提示的是trace()函数只能在“调试播放器”中生效;而在正式发布后,在Flash Player或是Html文件中运行的 SWF 文件是无法显示输出结果的;因此,这只是一个对地图开发者有效的后台操作的方法。
[1b] 制作步骤:[/1b]
[1b] 1、创建标注按钮及对话窗口
[/1b][1b]
[/1b]首先我们要创建一个“标注”的按钮元件,一个名为“input_mc”的影片剪辑作为对话窗口,以及一个名为“input_txt”的动态文本框用以手动输入地名名称;如图1所示:
[img]/Files/BeyondPic/2006-11/7/63m0492f1170.jpg[/img]
图1 创建标注对话窗口
[1b] 2、编写相关的ActionScript代码[/1b]
打开“标注”按钮的动作面板,输入以下ActionScript代码:
on (release) { //鼠标释放时触发
input_mc._visible = 1; //开启标注的对话窗口
}
打开“拾取标注点”按钮的动作面板,输入以下ActionScript代码:
on (release) { //鼠标释放时触发
_root.map_mc.onMouseDown = function () { //当鼠标按下时触发事件 var inputX = _xmouse; //用变量inputX 记录下当前鼠标指针的 X 轴坐标
var inputY = _ymouse; //用变量inputY记录下当前鼠标指针的 Y 轴坐标 }
}
[1b]注:[/1b]上述代码中捕捉鼠标指针的XY坐标值只是示意性的,事实上在实用的地图中远远没有这么简单;因为我们通常是在指定的地点上标注地名名称,因而需要对地图进行缩放、移动等操作;而单纯用_xmouse和_ymouse是无法捕捉正确的坐标值,必须依靠_xscale、_yscale、_width、_hight、_x、_y等属性值去纠正因操作地图产生的偏差。而相关的公式因不同的地图结构各不相同,无法在本例中给出通用的代码。以下是笔者在制作深圳地图时使用的相关捕捉点的公式,仅能作概念性的参考;
_global.bzX = Math.round(15868.48*(_root._xmouse-_root.map_mc._x+825*_root.map_mc._xscale/100)/_root.map_mc._xscale);
//捕捉X轴坐标
_global.bzY = Math.round(15868.48*(_root._ymouse-_root.map_mc._y+426*_root.map_mc._xscale/100)/_root.map_mc._xscale);
//捕捉Y轴坐标
而在捕捉到指针坐标的同时还可以直接在地图上显示一个标记,可以加入以下代码,用一个红色的圆点表示:
_root.map_mc.createEmptyMovieClip("dzpot_mc", this.getNextHighestDepth()); //画一个圆点
_root.map_mc.dzpot_mc.lineStyle(2, 0xff0000, 100); //圆点为红色,粗细磅值为2
_root.map_mc.dzpot_mc.moveTo(0, 0);
_root.map_mc.dzpot_mc.lineTo(0, 0.1);
_root.map_mc.dzpot_mc._width = _root.map_mc.dzpot_mc._height = 1000/_root.map_mc._xscale; //调整圆点的大小
_root.map_mc.dzpot_mc._x = _root.map_mc._xmouse; //圆点坐标与捕捉点重合
_root.map_mc.dzpot_mc._y = _root.map_mc._ymouse; //圆点坐标与捕捉点重合
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyuweb/1120.html
[1b]了解trace函数[/1b]
首先我们了解一下trace函数;
我们可以使用 Flash 调试播放器捕获来自 trace() 函数的输出并显示结果。在测试 SWF 文件时,使用此语句可在"输出"面板中记录编程注释或显示消息。使用 expression 参数可以检查是否存在某种条件,或在"输出"面板中显示值。trace() 语句类似于 JavaScript 中的 alert 函数。可以使用"发布设置"对话框中的"省略跟踪动作"命令将 trace() 动作从导出的 SWF 文件中删除。
需要重点提示的是trace()函数只能在“调试播放器”中生效;而在正式发布后,在Flash Player或是Html文件中运行的 SWF 文件是无法显示输出结果的;因此,这只是一个对地图开发者有效的后台操作的方法。
[1b] 制作步骤:[/1b]
[1b] 1、创建标注按钮及对话窗口
[/1b][1b]
[/1b]首先我们要创建一个“标注”的按钮元件,一个名为“input_mc”的影片剪辑作为对话窗口,以及一个名为“input_txt”的动态文本框用以手动输入地名名称;如图1所示:
[img]/Files/BeyondPic/2006-11/7/63m0492f1170.jpg[/img]
图1 创建标注对话窗口
[1b] 2、编写相关的ActionScript代码[/1b]
打开“标注”按钮的动作面板,输入以下ActionScript代码:
on (release) { //鼠标释放时触发
input_mc._visible = 1; //开启标注的对话窗口
}
打开“拾取标注点”按钮的动作面板,输入以下ActionScript代码:
on (release) { //鼠标释放时触发
_root.map_mc.onMouseDown = function () { //当鼠标按下时触发事件 var inputX = _xmouse; //用变量inputX 记录下当前鼠标指针的 X 轴坐标
var inputY = _ymouse; //用变量inputY记录下当前鼠标指针的 Y 轴坐标 }
}
[1b]注:[/1b]上述代码中捕捉鼠标指针的XY坐标值只是示意性的,事实上在实用的地图中远远没有这么简单;因为我们通常是在指定的地点上标注地名名称,因而需要对地图进行缩放、移动等操作;而单纯用_xmouse和_ymouse是无法捕捉正确的坐标值,必须依靠_xscale、_yscale、_width、_hight、_x、_y等属性值去纠正因操作地图产生的偏差。而相关的公式因不同的地图结构各不相同,无法在本例中给出通用的代码。以下是笔者在制作深圳地图时使用的相关捕捉点的公式,仅能作概念性的参考;
_global.bzX = Math.round(15868.48*(_root._xmouse-_root.map_mc._x+825*_root.map_mc._xscale/100)/_root.map_mc._xscale);
//捕捉X轴坐标
_global.bzY = Math.round(15868.48*(_root._ymouse-_root.map_mc._y+426*_root.map_mc._xscale/100)/_root.map_mc._xscale);
//捕捉Y轴坐标
而在捕捉到指针坐标的同时还可以直接在地图上显示一个标记,可以加入以下代码,用一个红色的圆点表示:
_root.map_mc.createEmptyMovieClip("dzpot_mc", this.getNextHighestDepth()); //画一个圆点
_root.map_mc.dzpot_mc.lineStyle(2, 0xff0000, 100); //圆点为红色,粗细磅值为2
_root.map_mc.dzpot_mc.moveTo(0, 0);
_root.map_mc.dzpot_mc.lineTo(0, 0.1);
_root.map_mc.dzpot_mc._width = _root.map_mc.dzpot_mc._height = 1000/_root.map_mc._xscale; //调整圆点的大小
_root.map_mc.dzpot_mc._x = _root.map_mc._xmouse; //圆点坐标与捕捉点重合
_root.map_mc.dzpot_mc._y = _root.map_mc._ymouse; //圆点坐标与捕捉点重合
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyuweb/1120.html