Posted in ASP.Net

Creating HotSpots for Image and using it with ASP.Net ImageMap Control

*Download*

1) First download the MapEdit trial software and install it.
MapEdit Download

2) Open a image which we want to use in ImageMap control. {File-New Html Document(Open Image) Ctrl+N}

3)After opening image we can create Rectangle, Circle, and Polygon hotspots with that MapEdit tool.

A) Creating Rectangle spot on image and  getting coordinates of rectangle and using these coordinates in the ImageMap control of asp.net
For creating rectangle spot on image, just go to ‘Tools’ option and select ‘Rectangle’ and draw rectangle
shape on image

After drawing rectangle shape to get the coordinates just click on ‘View’ and select ‘Show Html Tags’.
When we click on ‘Show Html Tags’ , it will open one txt file , from this file we can get the coords like
‘  area shape=”rect” alt=”” coords=”227,78,361,110″ nohref title=””  ‘
Here coords are represented as the coords(x1,y1,x2,y2) / coords(left,top,right,bottom).
These coords can be consumed in HotSpots Property of ImageMap control.

B) Creating Circle spot on image and  getting coordinates of circle and using these coordinates in the ImageMap control of asp.net
For creating circle spot on image, just go to ‘Tools’ option and select ‘Circle’ and draw rectangle
shape on image

After drawing circle shape to get the coordinates just click on ‘View’ and select ‘Show Html Tags’.
When we click on ‘Show Html Tags’ , it will open one txt file , from this file we can get the coords like
‘  area shape=”circle” alt=”Circle” coords=”305,187,68″ nohref title=”Circle”   ‘

Here coords are represented as the coords(x,y,r) / coords(X,Y,Radius).
These coords can be consumed in HotSpots Property of ImageMap control.

C) Creating Polygon spot on image and  getting coordinates of polygon and using these coordinates in the ImageMap control of asp.net
For creating polygon spot on image, just go to ‘Tools’ option and select ‘Circle’ and draw rectangle
shape on image

‘  area shape=”poly” alt=”Polygon” coords=”126,79,181,79,155,115,180,157,180,257,159,301,138,261,123,222,150,217,
122,196,122,143,127,122,119,49,177,43,177,58,180,70″ nohref title=”Polygon”   ‘

Here coords are represented as the coords(x1,y1,x2,y2,x3,y3…..) .
These coords can be consumed in HotSpots Property of ImageMap control.

Advertisements

8 thoughts on “Creating HotSpots for Image and using it with ASP.Net ImageMap Control

  1. Do you have a spam issue on this website; I also am a blogger, and I was wanting to know your situation; we have
    developed some nice procedures and we are looking to exchange techniques with others,
    be sure to shoot me an e-mail if interested.

  2. Ⲏi, i think that i ѕaw you visited my website thus i came to “return the favor”.I am attempting
    to find things to improve my site!I suppose its ok to use a few of yolur ideas!!

  3. Heya! I understand this is kind of off-topic but I
    needed to ask. Does managing a well-established blog like yours take a massive
    amount work? I’m brand new to operating a blog but I do write in my journal everyday.
    I’d like to start a blog so I can easily share my experience and thoughts online.

    Please let me know if you have any kind of recommendations or tips for brand new aspiring bloggers.
    Appreciate it!

  4. I’m not sure where you are getting your information, but good topic.

    I needs to spend some time learning much more or understanding more.
    Thanks for great information I was looking for this info for my mission.

  5. Can I ѕsimply say what a comfort to uncover someone thzt actually kows what thᥱy aarе discussing ovᥱr the internet.
    You certaіnly knoԝ how to bгing a proЬlem to light and make it important.
    Moгe pеople have to ook at this and understand this side
    of your stoгy. It’s surprising youu aren’t moгe popular because you ѕᥙrely possess the gift.

  6. Unqueѕtionably imagine that that yoս stated. Your favourite justification appeareɗ to be on the
    web the simplest thing to bear in mind of. I say to you, I definitelу get irked at tɦe same time as otҺer people consider worries tɦat they just
    don’t understand ɑbout. You managed to hit the nail upon the top as neatly as outlіneⅾ ߋout the whole thing without having side effеct , fߋlks could take a signal.
    Will likely bе again to get more. Thanks

  7. My family all the time say that I am killing my time here at web, but I know
    I am getting experience everyday by reading such good articles.

  8. Great work! This is the kind of info that are meant to be shared around the net.
    Shame on the seek engines for now not positioning this publish upper!
    Come on over and discuss with my site . Thanks =)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s