用 Flex 开发 Google Map 应用程序

核心提示： 下面介绍用 Google Maps API for Flash 开发一个 Hello World 应用程序，在上面建好的 Flex 工程中创建一个 MXML Application，用 Flex 开发 Google Map 应用程序(3)，命名为 SimpleMAP，把清单 1 所示的代码加到

下面介绍用 Google Maps API for Flash 开发一个 Hello World 应用程序。在上面建好的 Flex 工程中创建一个 MXML Application，命名为 SimpleMAP。把清单 1 所示的代码加到 SimpleMAP 中，作为 <mx:application> 的子节点，另外还需要将 key 值替换为您申请到的 key。<maps:Map> 声明了一个 Google 地图对象，ActionScript 代码可以用它的id引用这个地图对象。

清单1. 声明一个 Google地图对象
<maps:Map　xmlns:maps="com.google.maps.*"　
　　id="map"　mapevent_mapready="onMapReady(event)"　
　　width="100%"　height="100%"　　
　　key="　
ABQIAAAAEUQL_IqwWX4ZOcEtw0r7whRi_j0U6kJrkFvY4-OX2XYmEAa76BQc0gZPMJROw3owe9BMoRHM0FER_A"　
/>　

这个地图对象初始化的时候会调用 onMapReady() 方法，在该方法中设置地图的坐标和类型，如清单 2 所示。

清单 2. onMapReady 方法
private　function　onMapReady(event:MapEvent):void　{　　　　
　　//设置地图显示的坐标,以及地图显示的类型.　
　　//MapType有4种类型分别是　
　　//HYBRID_MAP_TYPE　混合模式，　
　　//NORMAL_MAP_TYPE　标准模式，　
　　//PHYSICAL_MAP_TYPE自然地图模式，　
　　//SATELLITE_MAP_TYPE卫星模式　
　　this.map.setCenter(　
　　　　new　LatLng(39.92,116.46)/*经纬度*/,　
　　　　14,　MapType.NORMAL_MAP_TYPE);　　
}　

查看 SimpleMAP.mxml 的完整代码，请到 代码下载 部分下载示例代码 source.zip。编写好 SimpleMAP 后，右键点击该文件，选择 Run as>Flex application，运行结果如图 2 所示。