1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<?xml version="1.0" encoding="utf-8"?>
<!--
 Copyright 2008 Google Inc. 
 Licensed under the Apache License, Version 2.0:
    http://www.apache.org/licenses/LICENSE-2.0
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:maps="com.google.maps.*" layout="absolute" width="100%" height="100%" viewSourceURL="srcview/index.html">
  <mx:Panel title="Google Maps API for Flash Demo" width="100%" height="100%">
  <maps:Map 
    id="map" 
    key="ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g" 
    mapevent_mapready="onMapReady(event)"
    width="100%" height="100%"/>
  </mx:Panel>
  <mx:Script>
    <![CDATA[
	import com.google.maps.MapEvent;
	import com.google.maps.Map;
	import com.google.maps.overlays.Polygon;
	import com.google.maps.overlays.PolygonOptions;
	import com.google.maps.MapType;
	import com.google.maps.LatLng;
	import com.google.maps.LatLngBounds;
	import com.google.maps.controls.ZoomControl;
	import com.google.maps.styles.FillStyle;
	import com.google.maps.styles.StrokeStyle;
    
    private function onMapReady(event:Event):void {
        map.setCenter(new LatLng(37.4419, -122.1419), 13, MapType.NORMAL_MAP_TYPE);
        map.addControl(new ZoomControl());
        var latlng:LatLng = map.getCenter();
        var lat:Number = latlng.lat();
        var lon:Number = latlng.lng();
	    var latOffset:Number = 0.01;
	    var lonOffset:Number = 0.01;
	    
        var polygon:Polygon = new Polygon([
            new LatLng(lat, lon - lonOffset),
            new LatLng(lat + latOffset, lon),
            new LatLng(lat, lon + lonOffset),
            new LatLng(lat - latOffset, lon),
            new LatLng(lat, lon - lonOffset)
        ], new PolygonOptions({ 
            strokeStyle: new StrokeStyle({
                color: 0x0000ff,
                thickness: 4,
                alpha: 0.7}), 
            fillStyle: new FillStyle({
                color: 0x0000ff,
                alpha: 0.7})
        }));
        map.addOverlay(polygon);
    }
    ]]>
  </mx:Script>
</mx:Application>