> we are looking for suggestions about functionality and implementation.

I'd love to be able to do this in Drupal,
http://margieroswell.com/images/map2006.html

At the time I used the overlib library... which is a pretty smart tool. For instance, when the cursor's mousing over the right-hand side of the screen, it moves the popup box to the left, so that it can be seen.

My dream application generates the colors on the map, and provides an interface for CMS-ifying the tool-tips.

In the application linked above, certain candidates were not legally allowed to have links to their sites (the group didn't want to be accused of going over the campaign finance limits with in-kind contributions of links), so I was hand-coding to remove certain links. (Oh, to be able to produce this in Drupal... tooltips, map, and all)

Here are some similar maps: in the first case, the map itself didn't need to change, just the popups.
http://cityleague.org/maps.html
http://registration-deadlines.com/
http://polmaps.com/vetmap.html

Seriously, when most people are thinking full-fledged backend GIS, or Google maps, etc... sometimes a good-old imagemap mouseover is the way to go.

Comments

jjeff’s picture

jjeff commented

The implementation you're linking to appears to do two things that BeautyTips does not do.

1) It (appears to be) using an imagemap to define the locations of the states on the map. I have not tested BeautyTips with imagemaps, but I'm going to assume that it doesn't work with imagemaps. Even if it does, it's going to assume a rectangular target object. If we, for instance, draw a rectangular box around the state of Florida and the tip appears to the left of the state, the tip of our spike will point into the Gulf of Mexico.

2) Your example page gets around this problem, by moving the tip along with mouse. BeautyTips doesn't do this.

pifagor’s picture

pifagor commented
Issue summary: View changes
Status: Active » Closed (outdated)