473,397 Members | 1,974 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,397 software developers and data experts.

Interactive Map in HTML

How to make an interactive map without Flash? I want to move mouse
over each continent and see it changing its color but when clicked it
would send some action to the DOM.

Someone offered me to make a few images with each continent
highlighted and when user moves mouse over a different continent, a
new image is replacing older one (with another continent highlighted).
The map would have coordinates linked in <AREAtag.

To me this does not seem to be a great solution. Though I do not know
of any alternatives yet. Did anyone have an experience with it? Can
you recommend a method of implementing continent interactive map as
described above or feedback above solution?

Thanks.
Jun 27 '08 #1
4 4086
On Fri, 06 Jun 2008 06:39:26 -0700, vunet wrote:
How to make an interactive map without Flash? I want to move mouse over
each continent and see it changing its color but when clicked it would
send some action to the DOM.

Someone offered me to make a few images with each continent highlighted
and when user moves mouse over a different continent, a new image is
replacing older one (with another continent highlighted). The map would
have coordinates linked in <AREAtag.

To me this does not seem to be a great solution. Though I do not know of
any alternatives yet. Did anyone have an experience with it? Can you
recommend a method of implementing continent interactive map as
described above or feedback above solution?

Thanks.
Google for the phrase "HTML image map" and that will get you started.

Though image maps CAN be made by hand, most prefer some sort of map-
editing software. Don't have any I can recommend though -- I use custom
software because I had some very specific needs.
Jun 27 '08 #2
On Jun 6, 10:06 am, Jeremy J Starcher <r3...@yahoo.comwrote:
On Fri, 06 Jun 2008 06:39:26 -0700, vunet wrote:
How to make an interactive map without Flash? I want to move mouse over
each continent and see it changing its color but when clicked it would
send some action to the DOM.
Someone offered me to make a few images with each continent highlighted
and when user moves mouse over a different continent, a new image is
replacing older one (with another continent highlighted). The map would
have coordinates linked in <AREAtag.
To me this does not seem to be a great solution. Though I do not know of
any alternatives yet. Did anyone have an experience with it? Can you
recommend a method of implementing continent interactive map as
described above or feedback above solution?
Thanks.

Google for the phrase "HTML image map" and that will get you started.

Though image maps CAN be made by hand, most prefer some sort of map-
editing software. Don't have any I can recommend though -- I use custom
software because I had some very specific needs.
Thanks. I understand the solution I described is a part of your
suggested Google search for "HTML image map".
I am considering...
Jun 27 '08 #3
Scripsit vunet:
How to make an interactive map without Flash?
In pure HTML, you can set up a client-side image map, which apparently
has been suggested to you. Using HTML and server-side scripting, you can
set up a server-side image map, though it's usually an inferior solution
for selecting between areas (opposite to selecting an arbitrary point).
I want to move mouse
over each continent and see it changing its color but when clicked it
would send some action to the DOM.
The first part is difficult. The second part ("when clicked - -") is
basic functionality of client-side image maps, except that a click
primarily sends the browser to a specific URL, but you can add to this,
or override this, by an onclick="..." attribute on an <areaelement.
Someone offered me to make a few images with each continent
highlighted and when user moves mouse over a different continent, a
new image is replacing older one (with another continent highlighted).
That's possible. You could have an onmouseover="..." attribute in an
<areaelement, and the script invoked could e.g. change the image.
Unfortunately, it is no possible to change just the area; you would
indeed need to change the entire image to a variant that has the area
highlighted.
The map would have coordinates linked in <AREAtag.
Yes, and technically the area would be described as a polygon, coarsely
or smoothly, depending on how many points you care to include there.
To me this does not seem to be a great solution.
It's not, but it works, with some caveats, and it's used on many pages.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Jun 27 '08 #4
On Jun 6, 12:44 pm, "Jukka K. Korpela" <jkorp...@cs.tut.fiwrote:
Scripsit vunet:
How to make an interactive map without Flash?

In pure HTML, you can set up a client-side image map, which apparently
has been suggested to you. Using HTML and server-side scripting, you can
set up a server-side image map, though it's usually an inferior solution
for selecting between areas (opposite to selecting an arbitrary point).
I want to move mouse
over each continent and see it changing its color but when clicked it
would send some action to the DOM.

The first part is difficult. The second part ("when clicked - -") is
basic functionality of client-side image maps, except that a click
primarily sends the browser to a specific URL, but you can add to this,
or override this, by an onclick="..." attribute on an <areaelement.
Someone offered me to make a few images with each continent
highlighted and when user moves mouse over a different continent, a
new image is replacing older one (with another continent highlighted).

That's possible. You could have an onmouseover="..." attribute in an
<areaelement, and the script invoked could e.g. change the image.
Unfortunately, it is no possible to change just the area; you would
indeed need to change the entire image to a variant that has the area
highlighted.
The map would have coordinates linked in <AREAtag.

Yes, and technically the area would be described as a polygon, coarsely
or smoothly, depending on how many points you care to include there.
To me this does not seem to be a great solution.

It's not, but it works, with some caveats, and it's used on many pages.

--
Jukka K. Korpela ("Yucca")http://www.cs.tut.fi/~jkorpela/
thank you.
Jun 27 '08 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Dave Reed | last post by:
I seem to remeber reading somewhere there was a statement you could put in your python program to stop its execution and start the interactive interpreter at that point (and then you could change...
2
by: Charles Krug | last post by:
List: I'm trying to us pylab to see what I'm doing with some DSP algorithms, in case my posts about convolution and ffts weren't giving it away. I've been using pylab's plot function, but I'm...
4
by: doltharz | last post by:
Someone can point me to some good tutorial on building realtime multiuser interactive web pages? I prefer ASP/HTML but if there is no way, i'm open to Flash Java and Activex. By the way i prefer...
2
by: nivas.meda | last post by:
Hi, I have an excel sheet with a graph and cells.If i change the value in the excel cells the graph will reflect.Now i am going to implement this functionality in html page.I successfully saved...
5
by: nivas.meda | last post by:
Hi, I have an excel sheet with a graph and cells.If i change the value in the excel cells the graph will reflect.Now i am going to implement this functionality in html page.I successfully saved...
2
by: Allan Adler | last post by:
In C, I can execute system("gs gleep.ps"); and have C run a ghostscript program gleep.ps, which might ask for user input and, when it gets it, take some actions and report back to the C...
2
by: WJ | last post by:
I have three ASPX pages: 1. "WebForm1.aspx" is interactive, responsible for calling a web site (https://www.payMe.com) with $$$. It is working fine. 2. "WebForm2.aspx" is non-interactive, a...
1
by: cm012b5105 | last post by:
Hello i am fairly new to python, I have written an interactive programme a small example of it is here. s = raw_input ("Do you have any children? ") if s== 'yes': print "Thats great" elif...
0
by: Xah Lee | last post by:
Interactive Find and Replace String Patterns on Multiple Files Xah Lee, 2006-06 Suppose you need to do find and replace of a string pattern, for all files in a directory. However, you do not...
8
by: james.kirin39 | last post by:
Hi everyone, After having used Python on Linux for some time, I now have to do Python coding on Windows. I am big fan of the interactive Python shell to test, eg, regexps. Is there an...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.