TImageMap represents an image on a Web page with predefined hotspot regions that can respond differently to users' clicks on them. Depending on the HotSpotMode of the hotspot region, clicking on the hotspot may trigger a postback or navigate to a specified URL.

Each hotspot is described using a THotSpot object and is maintained in the HotSpots collection in TImageMap. A hotspot can be a circle, rectangle, polygon, etc.

Hotspots can be added to TImageMap via its HotSpots property or in a template like the following,

<com:TImageMap ... >
  <com:TCircleHotSpot ... />
  <com:TRectangleHotSpot ... />
  <com:TPolygonHotSpot ... />
</com:TImageMap>

Run Sample View Source