The
ImageMap
control is an implementation of a client-side image map component, like it is supported in HTML.
ImageMap
is an extension of the Image class, so you can specify the source
attribute
just like you would for a standard Image
component. The map
property is used to define the actual
image map and all the area
items that make up the map. The map
property can be defined
either in MXML or by setting it with Actionscript.
The intent is for you to be able to generate your image map in whatever program you use to create image maps,
and be able to cut and paste it into your MXML component with minimal changes.
Example MXML usage:
<ImageMap xmlns="flexlib.controls.
source="usa.jpg"
showToolTips="true"
shapeClick="navigateToURL(new URLRequest(event.href), event.linkTarget)"
>
<map>
<area alt="WA" shape="POLY" coords="85,11,133,11,134,42,114,42,100,47,96,45,91,48,83,40,76,40,75,29,70,23,71,18,82,20,87,18" href="http://en.wikipedia.org/wiki/Washington" target="_blank"/>
<area alt="OR" shape="POLY" coords="76,40,83,40,90,48,96,45,101,47,115,43,134,43,138,46,133,57,134,84,72,84,71,71,76,56" href="http://en.wikipedia.org/wiki/Oregon" target="_blank"/>
</map>
</ImageMap>
map:Array
[read-write]
The <map />
HTML block that is normally used for the image map in an HTML file.
This should be wrapped as an XMLList and can either be cuopy/pasted straight into the MXML
file, or set via Actionscript.
Implementation
public function get map():Array
public function set map(value:Array):void
public var showToolTips:Boolean = false
Indicates whether tool tips should be shown for each area.
The default value is false
.
public var toolTipField:String = "alt"
Field of the <area />
item that will be used for the tooltip.
The default value is "alt"
.
protected override function createChildren():void
protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
Parameters
| unscaledWidth:Number |
|
| unscaledHeight:Number |
Event object type: flexlib.events.ImageMapEvent
Fired when an area is clicked.
Event object type: flexlib.events.ImageMapEvent
Fired when an area is double clicked.
Event object type: flexlib.events.ImageMapEvent
Fired when the mouse is pressed down on an area.
Event object type: flexlib.events.ImageMapEvent
Fired when the mouse moves out of an area.
Event object type: flexlib.events.ImageMapEvent
Fired when the mouse moves over an area.
Event object type: flexlib.events.ImageMapEvent
Fired when the mouse is released on an area.