FLEX地图应用教程之一
2011年12月07日
FLEX地图应用教程之一
来源:uncool.cn 作者:uyang 2008-06-15 【大 中小】 TAG:
FLEX地图应用教程之一 FLEX地图应用教程之二 FLEX地图应用教程之三 FLEX地图应用教程之四
用FLEX做地图,然后在地图上实现各种应用,我想大家都会非常的希望自己能够做到这样.来我BLOG的,很多都是初级进入FLEX或者FLASH的朋 友,所以我决定写一个系列的FLEX地图应用,但是到底会分成几篇,我也不敢说的那么肯定,我向来是想到那里就写到哪里.文章会一次性就完事,所以有错别 字,各位就忽略吧.
回到正题,FLEX应用地图,我想大家都知道,做的最完善的就是YAHOO地图,可惜YAHOO地图没有中国什么事,所以做为国人,还是希望可以做自己国家的地图,然后才能有CASE可以做.这次我选用了,目前比较完善的The Earthplayer(地 球玩家)的API,目前此API已经包括了LIVE,GOOGLE,51地图三个版本,应当算是非常好了.不过我这里要说一下的是,目前The Earthplayer已经没有开源了,因为据我了解在The Earthplayer开源大半年的情况下,进度基本毫无效果,可以看出国内的开源情况有多糟糕,对于The Earthplayer的开发者,个人认为是值得理解的.妻不如妾,妾不如偷,我想就是这个道理吧.只要让你得不到,估计你才会记在心里.
不过,幸好我是个懒人,只要给我一个完善的文档,我不需要知道里面怎么运算,我只需要知道怎么去应用这项工具就行.具体的就让原开发者去操心吧. 所以,这几篇教程也只对像我这样的应用者有用,其他的想知道怎么地图运算的,就忽略吧.
--------------------------------------------------------------------------------
思考: 首先我们要导入API,然后用API里的接口与FLEX联系起来,无论怎么样,我们首先要做的就是把地图先显示出来.AIP下载地址:点击
动手:导入API,就是你打开下载的RAR包后,解压开,然后把里面的earthplayerlib.swc,别说不会啊,否则拖出去打.下面就是代码了.
地图目前红心对的地方
maps.setCenter(centerPoint,zoom);
}
]]>
//这里你可以实行三种地图切换,如地图
这样,我们就能实现下面这样的一个简单的显示地图的DEMO了.
不错,不错,第一步算是完成了.那么我们如何来控制放大地图和缩小地图呢?聪明点的朋友,琢磨下代码,估计马上就明白了,对,就是让ZOOM参数绑定到Button或者其他什么控件上.
--------------------------------------------------------------------------------
思考:由 点击Button来得到一个参数,然后再把参数传递到一个专门用来显示地图的构造函数里,这样,我们需要在那个构造函数里,需要重新new Point,才能显示更新后的地图.更重要的一点是,我们可能用鼠标移动过地图了,那么那个POINT肯定是有变化的,所以我们需要知道在点Button 前,那个POINT的变化.那么我们就需要全局变量来保存当前POINT的数据,更重要的是,还需要监听地图移动的情况,这样才能得到一个当前POINT 的数据.
动手:
地图需要监听移动
maps.addEventListener(MapUpdateCenterEvent.UPDATECENTER,updateStatus);
}
//当地图移动时,重新得到一个POINT值。
private function updateStatus(event:*):void{
//为什么这么写?因为这是API内置运算函数,就照着写了
var mc:MapController = maps.controller;
lngNum = Math.round(mc.centerLngLat.x*100000)/100000+"";
latNum = Math.round(mc.centerLngLat.y*100000)/100000+"";
zoom.value = mc.zoom;
}
private function Big():void{
//放大的最高上限为17,如果小于17就可以放大,如果大于17了,就不动
if(zoom.value 地图
showMap();
}
private function Small():void{
//缩小的最小下限
if(zoom.value > 5){
zoom.value -= 1;
}
showMap();
}
//专门显示地图的构造函数
private function showMap():void{
var p:Point = new Point(new Number(lngNum), new Number(latNum ));
var z:int = zoom.value;
maps.setCenter(p,z);
}
]]>
代码写完后,我们就会得到以下那样的DEMO
恩,效果还不错.这样这第一部分算是讲完了,属于一个尝鲜的过程
上一篇:Flex 数据可视化简介 下一篇:FLEX地图应用教程之二
查看所有评论
文章来自: 闪客居(www.flashas.net) 详文参考:http://www.flashas.net/html/Flex/20080615/3259.html
文章来自: 闪客居(www.flashas.net) 详文参考:http://www.flashas.net/html/Flex/20080615/3259.html
文章来自: 闪客居(www.flashas.net) 详文参考:http://www.flashas.net/html/Flex/20080615/3259.html
发表评论
-
vbs脚本:CopyFolder
2012-01-20 01:32 693vbs脚本:CopyFolder 2010年08月08日 ... -
vbs学习笔记
2012-01-20 01:32 565vbs学习笔记 2010年06月20日 刚解了下fso, ... -
vbs脚本:MoveFolder
2012-01-20 01:32 699vbs脚本:MoveFolder 2010年08月08日 ... -
分享一个单机游戏的NSIS封装包脚本代码
2012-01-20 01:32 1162分享一个单机游戏的NSIS封装包脚本代码 2011年05月1 ... -
在windows系统中配置关机和开机执行脚本
2012-01-20 01:32 3302在windows系统中配置关机和开机执行脚本 2010年09 ... -
Eclipse开发Android应用程序入门
2012-01-17 01:57 657Eclipse开发Android应用程序入门 2011年08 ... -
[转]win7搭建Android开发 个人测试成功
2012-01-17 01:57 1158[转]win7搭建Android开发 个人测试成功 2011 ... -
Android apk 签名
2012-01-17 01:57 1761Android apk 签名 2011年12 ... -
Java配置
2012-01-17 01:57 551Java配置 2011年06月10日 ... -
liunx编译android源码参考
2012-01-17 01:56 637liunx编译android源码参考 2011年10月20日 ... -
flex -google map API
2012-01-15 21:04 996flex -google map API 2010年02月2 ... -
用flex开发 google map应用程式
2012-01-15 21:04 777用flex开发 google map应用程式 2009年09 ... -
CentOS6.2(64)+Nginx1.0.10+PHP5.3.8(FPM)+MySQL5.5.18(PDO)+CoreSeek4.1源码编译
2012-01-15 21:04 1289CentOS6.2(64)+Nginx1.0.10+PHP5. ... -
麦克的总结
2012-01-15 21:04 589麦克的总结 2011年12月01日 昨天上班的时候Emm ...
相关推荐
FLEX地图应用教程对于flex地图开发的初学者很有用。
flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图...
整套Flex地图教程,都整合成了PPT,讲解详细,易懂
flex地图应用开发教程,地图玩家SWC API,flex地图开发项目源代码
教你怎样用FLEX做地图的教程 已经全了,下来看看~~~
详细讲解了利用earthplayerlib和google、live地图、51地图开发flex地图应用的过程。包含了许多细节和技巧。 教程整理成ppt形式。
flex教程 Flex中文基础教程Flex中文基础教程Flex中文基础教程
flex 地图开发demo,将arcgis和flex结合开发使用
Flex与Bison使用教程
FLEX教程FLEX教程FLEX教程FLEX教程FLEX教程FLEX教程FLEX教程FLEX教程FLEX教程
FLEX地图应用教程,讲述了如何使用百度地图构建webGIS应用程序。