<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns="*" xmlns:mx="http://www.adobe.com/2006/mxml"
         xmlns:os="http://openscales.org" creationComplete="initMap();">
    
    <os:Map id="fxmap" width="100%" height="100%" zoom="2" centerLonLat="4.833,45.767">
        
        <os:TraceInfo x="{width-200}" y="0" visible="{displayTrace}" />
            
        <!-- OpenStreetMap EPSG:900913 -->
        <os:Mapnik name="Mapnik" isBaseLayer="true"
                   proxy="http://openscales.org/proxy.php?url=" />
        
        <!--<os:DragHandler />-->
        <os:WheelHandler />
        <os:Spinner id="spinner" x="{width / 2}" y="{height / 2}"/>    
        <os:MousePosition x="10" y="{height-20}" displayProjection="EPSG:4326"/>
        <os:ScaleLine x="{width-100-10}" y="{height-80}" />
        
        <!-- Specific layers and handlers of this example -->
        <!-- none -->
        
    </os:Map>
    
    <!-- Specific tools of this example -->
    
    <os:ControlPanel title="Drawing Tools" x="10" y="10">
        <os:FeatureDrawingComponent map="{map}" />
    </os:ControlPanel>
    
    <mx:Script>
        <![CDATA[
            import org.openscales.core.Map;
            import org.openscales.core.Trace;
            
            [Bindable] private var map:Map = null;
            [Bindable] public var displayTrace:Boolean = false;    
            [Bindable] public var displayFirebugTrace:Boolean = false;

            private function initMap():void {
                Trace.useFireBugConsole = displayFirebugTrace;
                map=fxmap.map;
            }
        ]]>
    </mx:Script>
    
</mx:Canvas>