在Flex中使用GoogleMap,可以让自己的网站有地图功能,够吸引人。HelloWorld程序网上有很多,这里推荐一个mm写滴(http://liuyanttkl.iteye.com/blog/196103
),步骤介绍得很详细,也提拱了sdk的下载。赞一个!!
去翻了一下其中的文档,想利用它做个火炬传递的Demo,这样一站接一站的在地图上动画展示,一定不错,不过现在还没实现。哈
。
将上面链接里的程序稍微改进一点,加上一点Control,用于导航,google提拱的Control全放在com.google.maps.controls包里面,有地点控制,大小控制,地图类型控制,以及OverView控制。把它们都加到地图里面去。改写她的onMapReady()方法,加上四个addControl()即可。代码如下:
<?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 加载Google Map地形图demo 源码
flex Google Map API做的地图浏览,适合初学者学习Google Map结合Flex开发,必须导入Google的Map API
google map flex sdk 博文链接:https://lg772ef01.iteye.com/blog/761335
flex版google map API,flash google map API
flex开发google map的一个应用
使用googlemap Api 加载其他的地图服务。 示例中加载了 live地图 mapABC地图。
包含GoogleMap for Flex的完整API,以及在Flex中中使用该API的示例
Flex Google Map桌面地图应用程序
创 建过Java多语言本地化应用的朋友应该都很熟悉Java的本地...要本地化Flex2应用,我们需要将本地化资源文件编译为SWC库文件,然后在Flex应用中使用ActionScript或者MXML访问资源集(resource bundles )中的本地化值。
Flex.3.教程:紧跟.RIA.的步伐 包含教程中的所有的源代码
flex做的googlemaps 分享一下
Flex中文帮助 技术支持: http://www.ZzGps.Cn 技术分享
GoogleMap_for_flex_sdk.zip google地图基于flex的开发包
NULL 博文链接:https://zh-dream-success.iteye.com/blog/1685429
这个swc是googlemap对flash的api,他并不适用于flex,关于flex,有自己的swc哦
Calc是一个小的字符串解析计算器库,我使用flex和bison编写。 它可以根据您的需要充当可执行文件或库函数。 输出是通过stdout进行的,但是您可以调整代码以使其返回计算出的值。用法作为可执行文件// Only accept ...
twaver-flex中文用户手册和相关资料 非常强大
Flex项目Google IFrame使用,解决flexiframe消失的问题
flash build 4结合google map做的纠偏例子 需要数据请联系QQ 32768021
一个用flex技术实现的地图开源代码。 可以实现google map之类的地图