Help EPA: We need a map!

We’re under a tight deadline to produce a map similar to the one at Recovery.gov.

To be clear, we just need a static image with rollovers that appear as you mouse over a state. Not a Google-like map, not anything fancy or GIS-based. Just an image that will show a little info and then let people click the state to go to a page w/more info about that state.

Recovery.gov’s map is done with Flash, but we want to do it using Javascript and CSS for easy maintenance and accessibility.

Got any ideas or examples to share? Yours or other people’s?

We’ve got a mockup that’s quite good, but the little popup balloon appears in different places in different browsers. Here’s an example of what’s happening. I was pointing at Nevada, so the text is right, but obviously the balloon’s in the wrong place:

What’s interesting is that the balloon shows up in different places in IE, Firefox, Safari, and Chrome. Apparently, mouse tracking works differently across browsers.

Thanks!

Leave a Comment

6 Comments

Leave a Reply