---
title: "ImageMap Control in ASP.Net"  
description: "When the user clicked on a particular piece of the overall image, the application picked out which piece of image is chosen and actions upon that part"  
author: "Pushpendra Singh"  
published: 2010-10-16  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/169/imagemap-control-in-asp-dot-net  
category: "asp.net"  
tags: ["asp.net"]  
reading_time: 1 minute  

---

# ImageMap Control in ASP.Net

When the [user](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) clicked on a particular piece of the overall [image](https://www.mindstick.com/articles/23551/an-investigate-distinctive-seafood-restaurant-for-your-image-stamp-character), the [application](https://www.mindstick.com/articles/12824/calculator-application-in-android) picked out which piece of image is chosen and [actions](https://www.mindstick.com/forum/156060/what-are-the-actions-performed-by-sql-server) upon that particular selection.\

```
<asp:ImageMap ID="ImageMap1" runat="server">    </asp:ImageMap>
```

![ImageMap Control in ASP.Net](https://www.mindstick.com/mindstickarticle/1c0dfa8a-1db8-4ae1-8f91-052cc3805674/images/dd1a398d-6087-4d79-9715-e41208dd78d6.png)

With the new ImageMap control, you can define images with distinct regions called hot spots which are identified using coordinates. Each hotspot is independent element which can respond to user actions like postback.

Hot spots features

· There is no limit on number of hotspots each image may contain.

· Each hotspot is characterized by various attributes like shape, location and size.

· Overlapping hotspots are perfectly valid.

· Hot spots are defined using x and y coordinates.

· Hot spots can be assigned Image URL's and are capable of postback.

```
<asp:ImageMap ID="Buttons" ImageUrl="asp-net.jpg" AlternateText="Navigate buttons"runat="Server" OnClick="Buttons_Click" HotSpotMode="NotSet">        <asp:RectangleHotSpot HotSpotMode="Navigate" NavigateUrl="Default.aspx"    AlternateText="Default Page"  Top="30" Left="175" Bottom="110" Right="355"></asp:RectangleHotSpot>            <asp:RectangleHotSpot HotSpotMode="Navigate" NavigateUrl="Main.aspx" AlternateText="Main page" Top="155" Left="175" Bottom="240" Right="355"></asp:RectangleHotSpot>            <asp:RectangleHotSpot HotSpotMode="Navigate" NavigateUrl="test.aspx" AlternateText="Test" Top="285" Left="175" Bottom="365" Right="355"></asp:RectangleHotSpot>            </asp:ImageMap>
```

![ImageMap Control in ASP.Net](https://www.mindstick.com/mindstickarticle/1c0dfa8a-1db8-4ae1-8f91-052cc3805674/images/1a05389d-417b-4f6e-82ed-295840d850ce.png)

When you [click](https://www.mindstick.com/articles/12423/social-login-magento-2-one-click-to-register-social) on any [region](https://answers.mindstick.com/qa/38123/name-india-s-legendary-sportsperson-who-has-been-appointed-goodwill-ambassador-for-physical-activity-in-south-east-asia-region-by-the-world-health-organisation-who) of the image then [control](https://yourviews.mindstick.com/view/83439/bipartisan-gun-control-bill-passed-in-us-after-decades) will go to the specified [page](https://yourviews.mindstick.com/view/83591/the-complete-guide-page-speed-optimisation-and-seo).

![ImageMap Control in ASP.Net](https://www.mindstick.com/mindstickarticle/1c0dfa8a-1db8-4ae1-8f91-052cc3805674/images/ceea9008-c93d-4000-9278-1e596bf0856c.png)

---

Original Source: https://www.mindstick.com/articles/169/imagemap-control-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.