用Flash做电子地图实例讲解
2008-04-02 11:02:14来源:互联网 阅读 ()
关于flash,大家或多或少都有所了解。比如上网,到处都能看到flash的存在。flash的应用也是五花八门。今天我们讲的是用flash做电子地图。
现在在网上随处都能找到电子地图,其中大部分都是java来研发的,其实用flash也能够做电子地图。且界面还比较漂亮。现在网上已有用flash做的电子地图了。且呈发展趋势。象"中国电子地图网"里面的地图就是用flash做的。更有九江,五邑等地图也都是用flash来完成的。
现在我们就来学习用flash做电子地图,首先要了解电子地图的功能,最主要的功能就是方便您查找,更有就是能够有选择性的显示。比如我到一个城市,我要去一个地方,假如有一张地图,您需要一点一点的看,还要找怎么去。而电子地图就不相同了,您能够搜索,就直接标出那个地方,还能够告诉您几路公交车到,附近有什么宾馆,饭店等等。所以,电子地图一般要具备的功能是:放大,缩小,移动,地点链接(相信介绍),搜索,等一系列功能。这么大的数据量是不肯保存在flash里的,从技术的层面来说,就是要做到数据和图层的动态载入,实现数据的模糊,智能,区域查询等功能。
废话少说,首先我们来认识flash的mc(影片剪辑),已做电子地图所用到的几个属性。如下:
_x//相对于父级影片剪辑的本地坐标的x坐标。假如影片剪辑在主时间轴中,则其坐标系统将舞台的左上角作为(0,0)。
_y//相对于父级影片剪辑的本地坐标的y坐标。假如影片剪辑在主时间轴中,则其坐标系统将舞台的左上角作为(0,0)。
_width//影片剪辑的宽度,以像素为单位。
_height//影片剪辑的高度,以像素为单位。
_xscale//确定从影片剪辑注册点开始应用的影片剪辑水平缩放比例。默认注册点为(0,0)。
_yscale//配置从影片剪辑注册点开始应用的影片剪辑垂直缩放比例。默认注册点为(0,0)。
利用鼠标和键盘来完成地图的放大、缩小、拖动等功能:
startDrag函数//执行startDrag()操作后,影片剪辑将保持可拖动状态。
stopDrag函数//和startDrag是一对函数,用于停止当前的拖动操作。
基本上就这么多了,一会碰到那个再周详讲。
下面我们一步一步来做电子地图:
一、首先我们打开flash新建一个影片,大小设为宽:440px 高:316。(根据您的需要来设定)。
二、然后倒入一张您准备好的地图,我的是一张880?632的(这样放大时效果会好很多),导入到库中。然后打开库,选择地图拖入到场景中,转换成影片剪辑,注册点选则中央,这样放大缩小就以这个地图的中央为中央了。取名为map_mc(重要的事下面的名字)。因为程式要控制这个地图,所以要给他起个名字。
三、好了,地图剪辑建好了,我们就开始用程式控制他了。首先,我们来实现放大缩小。有的介绍的是用_width和_height这两个属性,也能够实现,但没有_xscale和_yscale方便。因为_xscale和_yscale直接就是原大小的百分比。新建一个图层,选中然后在场景中画个方块,转换成按钮(和地图相同,但是次选择的是按钮)。给按钮命名为fangda_btn,选择这个按钮,打开动作面板写上如图的程式:同理建立缩小和还原的按钮。
放大按钮上的程式:
map_mc._xscale=map_mc._xscale 10;//地图在x轴上的百分比增加10
map_mc._yscale=map_mc._yscale 10;//地图在y轴上的百分比增加10
}
缩小按钮上的程式:
map_mc._xscale=map_mc._xscale-10;//地图在x轴上的百分比减少10
map_mc._yscale=map_mc._yscale-10;//地图在y轴上的百分比减少10
}
还原按钮上的程式:
map_mc._xscale=100;//地图在x轴上的原大小
map_mc._yscale=100;//地图在y轴上的原大小
}
在时间轴上的程式:(因为拖动的四地图,不用按钮,当然,其他的也能够写到时间轴上)
startDrag(map_mc);//鼠标能够拖动地图
}
map_mc.onMouseUp=function(){//当鼠标弹起(不按时)
stopDrag();//停止拖动
}
最后,大家可能会发现,假如一直缩小,就会出现问题,后来反而变大了,拖动能够把地图拖出去,这些都不是我们想要的效果,我们下一次会专门讲解这个问题,在这先透露一下,我们下一节讲的是限制放大和缩小,移动的边界。连同内容会随着地图的放大缩小自动隐藏和显示等问题。另外,由于本人也不是很精通,假如哪儿出现错误或疏漏之处还请给和指正,欢迎大家一起交流探讨。
不知道大家看了上面有什么感觉,也许对高手来说是太简单了,但对入门者来说应该还能够吧。我们一步一步来深入,以到达真正的电子地图。
假如大家按上一篇教程做了,就会发现问题,那就是假如一直缩小,就会出现问题,后来反而变大了,拖动能够把地图拖出去,这些都不是我们想要的效果。今天我们来解决这些问题,另外更有信息的显示等一些内容。容会随着地图的放大缩小自动隐藏和显示等问题。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: 精简Flash文档体积七法
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash