    <?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>