How to Use an Image Map in Visual Studio

Microsoft Visual Studio is software made to help developers easily design, edit and test different Windows-based applications. You can build applications in Visual Studio with LINQ, which is a set of language extensions to Visual Basic and Visual C. While using Visual Studio, you can use Image Map, a type of web server control. Image Map will allow you to create an image with different parts (hotspots) that users can click on.

Locate the "Standard" menu option from your Visual Studio toolbox. Within this toolbox, you will find the labelled "Image Map" control. Click on this control and drag it to the desired location on the Visual Studio page you are working on.

Open the "Properties" menu to display a new window. While working in this menu, you can select the image that you want to use for the new Image Map function. Within the property box, type the URL of the graphic that you want to use for this Image Map.

Choose the type of hot spot you want to create for your new Image Map. Within "Properties," go to the "Hot Spots" tab. Hit "Add" to define the different hotspots you want to make. Your choices will include a circle, rectangle or polygon.

Set the Hot Spot Mode property while working in the same window. Specify the web page location for the different hotspots located within the new image you have created. Before you close the window, choose the "Navigation URL" option. To save all of your changes, select "OK."


Get help and assistance through the Microsoft Developer Network. Browse their library if you have a problem using Image Map in Visual Studio.

Cite this Article A tool to create a citation to reference this article Cite this Article

About the Author

Heather Topham Wood is a seasoned writer whose work has appeared in numerous publications, including USA Today, Gadgetell, Feel Rich and Step in Style. Heather is a published novelist with six Amazon bestsellers and a contract through Crescent Moon Press. She holds a bachelor's degree in English from TCNJ.