Flash版googleMapをFlexで簡単に使えるようにしてみたの続き

こないだの続きで、
FlexでgoogleMapを簡単に使えるように改良してみた。

とりあえず
・マーカーの配置
・拡大縮小

がFlexから簡単にできるように。
Flex側で書くコードは、

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:aslex="control.*"
    layout="absolute" 
    width="100%" height="100%" backgroundColor="#FFFFFF" viewSourceURL="srcview/index.html">
	<mx:ArrayCollection id="marker">
		<aslex:MapMarker lat="35.680921" lng="139.709258" content="今日" mapevent_click="{trace('clickされた')}"/>
		<aslex:MapMarker lat="35.580821" lng="139.709258" content="テスト" mapevent_click="{trace('clickされた')}"/>
		<aslex:MapMarker lat="35.780621" lng="132.709258" content="テスト" showInfo="false"/>
		<aslex:MapMarker lat="35.880421" lng="139.709258" content="テスト" mapevent_click="{trace('clickされた')}"/>
	</mx:ArrayCollection>
	
	
	<mx:VBox>        
			<aslex:GoogleMapComponent id="map" width="400" height="400" zoom="10"
				apiKey="ABQIAAAAtwFK8HNrohzEhID1DyTMpxSe3jFFaq_CEt0xAqiwgvHbpGZhdBRoYeTeKyvOl2GbHLt-upZoMUfglA"
				markers="{marker}"/>
			<mx:HBox>				
				<mx:Button click="map.zoomIn();" label="拡大"/>
				<mx:Button click="map.zoomOut()" label="縮小"/>
			</mx:HBox>
    </mx:VBox>
 
</mx:Application>

googleのサンプルコードよりはやっぱシンプル!!
これで以下のような画面が完成。