Dynamically Placing Buttons on Top of Image

Question

0.00/5 (No votes)

See more:

I'm wanting to display an image of a building's layout. Then I want to dynamically place buttons or visible hotspots on top of the image to designate where certain assets are located. Ideally, I would be able to have text in the buttons to identify each button uniquely to the user. Then, I want to be able to do a postback when the user clicks on any one of the buttons. Effectively, I'm looking for something similar to Google maps but where I'm using my own building layout instead. I'm not sure where to even start.

Posted 20-Sep-12 12:49pm

TKnapp

Add a Solution

Comments

[no name] 20-Sep-12 19:03pm

You described where you should start in your first sentence.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Expert Coming · Answer 1 · 2012-09-20T13:18:00

Solution 2

I've done something similar before. I believe this is the article I used as a reference. It is easier than you would think at first to do.

ImageMap and HotSpots in .NET[^]

Posted 20-Sep-12 13:18pm

Expert Coming

Comments

TKnapp 20-Sep-12 19:31pm

I have looked at using hotspots on ImageMaps; however, I don't see how I can have a pin-like indicator for each asset in my list. For example, I want to display that I have a copy machine and a fax in Room 101 (with a pin-like indicator for both) and a network printer in Room 103 (with another pin-like indicator). Then I would like the user to be able to click on the pin-like indicator to get more information about that specific asset.