- 浏览: 95990 次
- 性别:
- 来自: 广州
最新评论
-
norain1988:
收藏~正在做这样的转换,但是楼主,我遇到一个问题,我以前的项目 ...
在Flash Builder 4中编译Flex 3项目 -
lctexe:
...
在Flash Builder 4中编译Flex 3项目 -
pc_kai:
...
FLEX地图应用教程之四 -
liaoshaoyao:
在FLex4下地图不能拖动呀, 请问楼主有遇到过这个问题没有呀 ...
FLEX地图应用教程之一 -
whao189:
楼主啊。 你那个点击下载 。。。里面是木马啊。。。,,,,,, ...
FLEX地图应用教程之一
在Flex中使用GoogleMap,可以让自己的网站有地图功能,够吸引人。HelloWorld程序网上有很多,这里推荐一个mm写滴(http://liuyanttkl.iteye.com/blog/196103 ),步骤介绍得很详细,也提拱了sdk的下载。赞一个!!
去翻了一下其中的文档,想利用它做个火炬传递的Demo,这样一站接一站的在地图上动画展示,一定不错,不过现在还没实现。哈 。
将上面链接里的程序稍微改进一点,加上一点Control,用于导航,google提拱的Control全放在 com.google.maps.controls包里面,有地点控制,大小控制,地图类型控制,以及OverView控制。把它们都加到地图里面去。改 写她的onMapReady()方法,加上四个addControl()即可。代码如下:
Xml代码
- <? xml version = "1.0" encoding = "utf-8" ?>
- < mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml" layout = "absolute" width = "100%" height = "100%" >
- < mx:UIComponent id = "mapContainer"
- initialize = "startMap(event);"
- resize = "resizeMap(event)"
- width = "100%" height = "100%" />
- < mx:Script >
- <![CDATA[
- import com.google.maps.controls.MapTypeControlOptions;
- import com.google.maps.controls.MapTypeControl;
- import com.google.maps.controls.ZoomControlOptions;
- import com.google.maps.controls.ZoomControl;
- import com.google.maps.controls.OverviewMapControlOptions;
- import com.google.maps.controls.OverviewMapControl;
- import com.google.maps.controls.PositionControlOptions;
- import com.google.maps.controls.PositionControl;
- import flash.events.Event;
- import com.google.maps.MapEvent;
- import com.google.maps.Map;
- import com.google.maps.MapType;
- import com.google.maps.LatLng;
- private var map:Map;
- public function startMap(event:Event):void {
- map = new Map();
- map.addEventListener(MapEvent.MAP_READY, onMapReady);
- mapContainer.addChild(map);
- map.key="ABQIAAAAIhwqRCxr2Hd_iUrIB7KzdxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxR4G7tD76snbpNjQ3DrJkhKe_noZg";
- }
- public function resizeMap(event:Event):void {
- map.setSize(new Point(mapContainer.width, mapContainer.height));
- }
- private function onMapReady(event:MapEvent):void {
- map.setCenter(new LatLng(39.92,116.46)/*北京的经纬度*/, 14, MapType.SATELLITE_MAP_TYPE/*卫星图模式*/);
- //加上一些Control
- map.addControl( new PositionControl( new PositionControlOptions() ) );
- map.addControl( new OverviewMapControl( new OverviewMapControlOptions() ) );
- map.addControl( new ZoomControl( new ZoomControlOptions() ) );
- map.addControl( new MapTypeControl( new MapTypeControlOptions() ) );
- }
- ]]>
- </ mx:Script >
- </ mx:Application >
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%"> <mx:UIComponent id="mapContainer" initialize="startMap(event);" resize="resizeMap(event)" width="100%" height="100%"/> <mx:Script> <![CDATA[ import com.google.maps.controls.MapTypeControlOptions; import com.google.maps.controls.MapTypeControl; import com.google.maps.controls.ZoomControlOptions; import com.google.maps.controls.ZoomControl; import com.google.maps.controls.OverviewMapControlOptions; import com.google.maps.controls.OverviewMapControl; import com.google.maps.controls.PositionControlOptions; import com.google.maps.controls.PositionControl; import flash.events.Event; import com.google.maps.MapEvent; import com.google.maps.Map; import com.google.maps.MapType; import com.google.maps.LatLng; private var map:Map; public function startMap(event:Event):void { map = new Map(); map.addEventListener(MapEvent.MAP_READY, onMapReady); mapContainer.addChild(map); map.key="ABQIAAAAIhwqRCxr2Hd_iUrIB7KzdxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxR4G7tD76snbpNjQ3DrJkhKe_noZg"; } public function resizeMap(event:Event):void { map.setSize(new Point(mapContainer.width, mapContainer.height)); } private function onMapReady(event:MapEvent):void { map.setCenter(new LatLng(39.92,116.46)/*北京的经纬度*/, 14, MapType.SATELLITE_MAP_TYPE/*卫星图模式*/); //加上一些Control map.addControl( new PositionControl( new PositionControlOptions() ) ); map.addControl( new OverviewMapControl( new OverviewMapControlOptions() ) ); map.addControl( new ZoomControl( new ZoomControlOptions() ) ); map.addControl( new MapTypeControl( new MapTypeControlOptions() ) ); } ]]> </mx:Script> </mx:Application>
这样地图就有了导航功能了:
里面有一些"DEBUG MODE ",这里因为直接在本地运行的缘故。将flex放到tomcat里去,它就不会出现了。不过这个"DEBUG MODE "不会碍什么事的,也不讨厌。
发表评论
-
Flex 4 SDK 新特性教程系列
2010-06-01 16:13 878本章是Flex 4 SDK 新特性教程系列 的第4章。本 ... -
在Flash Builder 4中编译Flex 3项目
2010-04-30 11:33 2806在Flash Builder 4里编译Flex3项目,要了解以 ... -
Flex与JSON及XML的互操作
2010-04-29 15:56 1124Flex之于Java,就像美丽之于大脑,或者还有别的说法?谁能 ... -
FLEX地图应用教程之四
2010-04-29 15:48 1394相信看到这篇的朋友,应该用我前三篇的例子玩过这个地 ... -
FLEX地图应用教程之三
2010-04-29 15:47 1353继续昨天的教程,不过这里要更正下,今天的方法会跟昨天有所不同, ... -
FLEX地图应用教程之二
2010-04-29 15:47 1415在上一步 , 我们已经基本学会如何连接API,显示地图 ... -
FLEX地图应用教程之一
2010-04-29 15:46 2077用FLEX做地图,然后在地图上实现各种应用,我想大家都会非常的 ... -
12个Flex常用功能代码
2010-04-21 10:59 7981。 复制内容到系统剪贴板 System.setCl ... -
Flex加载图片,菜单条,编辑器,目录树,图片上传,播放器,
2010-04-15 10:52 16611、加载图片或swf文件 <?xml version=& ... -
Flex画图板(转)
2010-04-14 15:59 883<?xml version="1.0" ... -
java应用jcom将word转pdf
2010-04-14 11:02 15311. java应用jcom将word转pdf ... -
flex+cairngorm+spring+hibernate整合实例
2010-04-12 11:43 1069准备:SQL server2005: JD ... -
FLEX中嵌入html代码
2010-04-12 11:16 852<?xml version="1.0" ... -
java与flex通信
2010-04-12 11:15 731一、准备: 服务 端:JDK1.5 (这个不用 ... -
Flex获取窗体大小 Flex与JS互相调用
2010-04-12 11:15 1710有时我们需要弹出自定义提示框,并显示在屏幕中心,这是需要根据 ... -
flex 3如何通过iframe嵌入html网页
2010-04-12 11:14 1409网上有很多文章写flex嵌入网页的方法,不过这里介绍一种普遍的 ... -
Flex 获取屏幕的分辨率
2010-04-12 11:13 1452<?xml version="1.0" ... -
flex与数据库交互
2010-04-12 11:12 778一》 通过java与数据库交互读取数据,然后flex和java ... -
如何使用mx:RemoteObject
2010-04-12 11:11 1276第一步:创建flex项目时指明项目使用远程数据调用,并指明远程 ... -
flex开发的仿pdf阅读器(swftools将PDF转成swf)
2010-04-12 11:08 3568SWFTools 是一组用来处理 ...
相关推荐
Flex 4 加载Google Map地形图demo 源码
flex Google Map API做的地图浏览,适合初学者学习Google Map结合Flex开发,必须导入Google的Map API
flex版google map API,flash google map API
flex开发google map的一个应用
使用googlemap Api 加载其他的地图服务。 示例中加载了 live地图 mapABC地图。
包含GoogleMap for Flex的完整API,以及在Flex中中使用该API的示例
google map flex sdk 博文链接:https://lg772ef01.iteye.com/blog/761335
Flex Google Map桌面地图应用程序
GoogleMap_for_flex_sdk.zip google地图基于flex的开发包
这个swc是googlemap对flash的api,他并不适用于flex,关于flex,有自己的swc哦
flash build 4结合google map做的纠偏例子 需要数据请联系QQ 32768021
一个用flex技术实现的地图开源代码。 可以实现google map之类的地图
使用flex在google map API 上二次开发的例子,希望对大家有所帮助。
学习flex后的地图小例子,在地图上的属性查询,级地图上坐标的标注
这个是我按网上的GoogleMap教程自己制作的实例,开发环境为Flex Bulider3,其中还包含一些Flex下绘制矢量图形的小示例,相关教程大家可以在网上搜索,很多。下载后可以直接导入运行。
用flex开发的google map一样的地图引擎源代码,对学习flex3.0,actionscript3.0等相关技术都很大帮助。。
google地图的flex版本的sdk,.swc文件格式,可以方便的开发基于google地图的应用
LiveMap,GoogleMap,51Map的API啊,速度来下
使用Fle3+google Map API 实现google地图
本工具由群Arcgis for flex群下载,感谢这位朋友的共享