Dynamic Image Map

Question

0.00/5 (No votes)

See more:

Hi!!!

I was wondering if it's possible to create an Image Map dinamically. I'm working with MVC with c# and asp.net.

What I have is this:
An Arraylist with ant itemCoor, that have inside the coordinate's X and Y for each point that I have to draw:

ArrayList points= new ArrayList();
int[] itemCoor = new int[2];
itemCoor[0] = 1;
itemCoor[1] = 100;
points.Add(itemCoor);
.....

Obviously, every time I need to draw the image map over an image, it's in a different image and with diferent arraylist of coordinates.

and what I need to do is to draw an Image map with small circles in each pair of coordinates. I have to go over the arraylist, searching for the coordinates, and dinamically creating the image map.

Is it possible?

THANKS A LOT!!!

Posted 9-Jun-10 2:01am

charly_fer

Updated 9-Jun-10 2:09am

PSK_

v2

Add a Solution

3 solutions

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)

Niklas L · Answer 1 · 2010-06-09T08:32:00

Solution 2

Yes, this can be done (and has been). You can dynamically change the map tags content (or even individual area tags within) using simple JavaScript. Have done so in a number of projects. Works with all major browsers.

Basic steps:
1. Fetch data
2. Create a new area node.
3. Set its inner html. (remember to set an id so you can refer to it later)
4. Add element to the map parent.

done

Posted 9-Jun-10 8:32am

Niklas L

Comments

charly_fer 10-Jun-10 5:01am

1. Fetch data.
Done!!
2. Create a new area node.
In aspx file, I do this:
I can't put it with the less and greater sing's sorry!! :(

map name="map_name" id="map1"
area alt="Waiting for information" shape="rect" coords="200,200,250,250" href="http://whatever.com" It's just an example of what I need!
..............---> I have to take it from my vector in aspx.cs!!!

3. Set its inner html. (remember to set an id so you can refer to it later)
4. Add element to the map parent.
How do I do this?

Thanks a lot!!!

Henry Minute · Answer 2 · 2010-06-09T07:02:00

I am not sure that I completely understand what it is that you are trying to do.

However, one thing from your existing code. It might be more advantageous to change it to:

C#

  ArrayList points= new ArrayList();
  points.Add(new Point(1, 100));
.....

as, if you are drawing the chances are that you will have to convert your itemCoor to a Point at some time. As I said earlier, though, this would depend on exactly what it is that you are trying to do.

Later, you talk about drawing circles and for that you will need more than just an X and a Y coordinate.

So if you could explain your problem slightly differently, you might get more help

charly_fer · Answer 3 · 2010-06-10T22:04:00

Solution 3

Ok!!

This is what I did.

In aspx page, I wrote
]]>

And in aspx.cs, I wrote
protected void function(){
String prueba="";
Response.Write(prueba);
}

And It works!!!

Thank you guys!!

Posted 10-Jun-10 22:04pm