thematic map: mouseover

Question

i am generating a chart map like this:

&chtm=usa">http://chart.apis.google.com/chart?chs=440x220&cht=t&chco=CBD122&chld=US&chd=s:&chtm=usa

does anyone know if there is a feature to do something on mouseover? like have each state turn a different color on mouse over?

Answer 1

This is a response to your last question. Roll your own.

This is relatively simple. Grab an available svg map of the US. Clean it up to match your theme. Change fill colors and whatever else. Add some javascript for the mouseover effect.

This site may have exactly what you need. Well presented too.

Answer 2

If all you want is a hover effect you can add a simple stylerule e.g

*:hover { fill: green !important }

I found the !important part to be necessary for most maps on wikipedia. Anyway, I have some examples:

• World map colorizer (press and hold mousebutton for a moment on a country to show color palette) Full code and other variants can be found here.

• Map with zoomed-in-view that follows mouse