SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    313
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    World Map with hoverable areas?

    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. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,620
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    You can do this quite nicely with CSS alone, such as here:

    http://designreviver.com/tutorials/c...and-tutorials/

    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-usefu...#.UKo9DuPZ8cg/

  3. #3
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    313
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ralph

    Thanks for your reply!

    I actually found a good blog not long after posting here:
    http://www.red-team-design.com/image...query-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!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •