How to Use an Image Map in Visual Studio

Written by heather topham wood Google
  • Share
  • Tweet
  • Share
  • Email

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.

Skill level:
Moderately Easy


  1. 1

    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.

  2. 2

    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.

  3. 3

    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.

  4. 4

    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."

Tips and warnings

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

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.