example on how to use markers in flex

I wrote an ImageMarker.as to put flickr photo, it is used on flex to show my flickr geotagged photos.

use object com.modestmaps.Map inside this class is not a good idea,
but it's the only way I cound implement now.

I use MovieClip to wrap the imageLoader because I want to apply some effect on it. you can use ImageLoader directly.

those code contain the key point to use putMarker.

package com.modestmaps.core
{
import com.modestmaps.Map;
import com.modestmaps.geo.Location;
import flash.display.*;
import flash.events.Event;
import flash.net.URLRequest;
import flash.events.MouseEvent;
import flash.filters.GlowFilter;
import com.modestmaps.events.MapEvent;
import com.modestmaps.events.MarkerEvent;

public class ImageMarker
{
private var _id:String;
private var _url:String;
private var _map:Map;
private var _location:Location;
private var _imageLoader:Loader;
private var _mc:MovieClip;

public function ImageMarker(id:String, url:String, location:Location, map:Map)
{
_id = id;
_url = url;
_map = map;
_location = location;

_imageLoader = new Loader();
_imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);
_imageLoader.load(new URLRequest(_url));

_mc = new MovieClip();
_mc.addChild(_imageLoader);

_mc.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
_mc.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
_mc.addEventListener(MouseEvent.CLICK, onMouseClicked);
}

private function onLoadComplete(event:Event):void
{
_map.putMarker(_id, _location, _mc);
}

private function onMouseOver(event:MouseEvent):void
{
}

private function onMouseOut(event:MouseEvent):void
{
}

private function onMouseClicked(event:MouseEvent):void
{
var newEvent:MarkerEvent = new MarkerEvent(MarkerEvent.CLICK, _id, _location);
_map.dispatchEvent(newEvent);
}
}
}