首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 设计在线 > flash>用trace函数实现互动地图后台快速标注地名

用trace函数实现互动地图后台快速标注地名

2006-10-31 05:00作者:laoshan 原创出处:天极设计在线责任编辑:Shiny

  2、编写相关的ActionScript代码

   打开“标注”按钮的动作面板,输入以下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 轴坐标  }

}


   注:上述代码中捕捉鼠标指针的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; //圆点坐标与捕捉点重合


   打开“完成”按钮的动作面板,输入以下ActionScript代码:

on (release) {             //鼠标释放时触发
 var inputName = input_txt.text //用变量inputName记录下输入的地名名称
 race("<r><n>"+inputName+"</n><x>"+inputX+"</x><y>"+inputY+"</y></r>"+/n);
 //在输出面板中显示XML文件格式的代码
}


   3、在调试播放器中标注地名:

   点击菜单“发布预览”/“Flash”,打开调试播放器,在其中进行标注,如图2所示;


图2 在调试播放器中的进行标注

   如此反复操作,在输出面板中会持续地输出相应的XML文件代码,如图3所示;


图3 在调试播放器中的输出面板中显示输出结果

   注:由于本例只能在调试播放器中生效,因此在网页中无法演示。依照本例的方法,地图的开发者可以在后台迅速地标注地名。但是这往往只限于通用的路名或是地名,而对于大量的公司、商辅等地名信息,开发者却无法进行海量标注,必须通过其它途径由客户端的操作者自行进行在线标注。这样就必须借助数据库和ASP等协助实现,在下一讲中,我们将学习Flash+XML+ASP实现客户端的在线地名标注功能


  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线design.yesky.com!
  特别推荐——设计类视频教程。



Photoshop视频教程

完整教程下载

Photoshop照片处理视频教程

Freehand视频教程专区

Coreldraw视频教程

完整教程下载

Flash MX视频教程

Flash精彩实例制作视频演示

Fireworks视频教程(连载中)

网页设计制作视频教程

PremierePro视频教程

[视频演示]AutoCAD建筑施工图绘制手册

3DsMAX视频教程

完整教程下载

AfterEffects视频教程

热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回flash首页

共2页。 上一页12

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络