JQuery Rollover point for a map

JavaScript
1

Hi,

I want to have a world map where you can hover over icons on a few countries and a popup text box will show where that place is.

Can anyone give me any pointers please?

2

You’re probably best using a simple old imagemap for this, and attach mouseover events to the parts of the imagemap using ID’s.

3

Some examples of world image maps are:

http://en.wikipedia.org/wiki/World/Clickable_world_map

You can modify these to your heart’s content.

There’s a complete listing of smaller maps at http://en.wikipedia.org/wiki/Category:Labelled_image_map_templates

4

I’m not sure I know what you mean?

I have made something in Flash which could do…it’s just ok.

World map red circles on the countries, when you roll over them the city and country name appear below.

Is there a way to do this in CSS?

5

Aha! I found it.

jQuery has a map hilight complete with a [url=“http://davidlynch.org/js/maphilight/docs/demo_world.html”]map of the world demo