World Map with hoverable areas?

JavaScript
1

Hello

I am looking for a solution to creating a world map with office locations. When the mouse hovers over a dot on a country a box should pop up showing the address etc.

I have previously made this in Flash, but I would like to create it in a more standards compliant way.

Does anyone have any scripts or links that may help?

I looked at open layers but it seemed a little complicated.

2

You can do this quite nicely with CSS alone, such as here:

But there are also JS/jQuery scripts available for this sort of thing, too. You can also use jQuery in conjunction with Google Maps:

http://idesignow.com/jquery/12-useful-jquery-plugins-tutorials-for-google-map.html#.UKo9DuPZ8cg/

3

Ralph

Thanks for your reply!

I actually found a good blog not long after posting here:
http://www.red-team-design.com/image-map-with-css3-jquery-tooltips

I have taken their code and I am currently modifying it. Got a great stock photo and delighted that this can be easily done in CSS.

Cheers!