专题图：鼠标悬停

Question

我正在生成这样的图表地图：

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

有没有人知道是否有功能在鼠标悬停时做某事？比如让每个状态在鼠标上面变成不同的颜色吗？

Answer 1

如果你想要的只是悬停效果，你可以添加一个简单的样式，例如

*:hover { fill: green !important }

我发现维基百科上的大多数地图都需要!important部分。无论如何，我有一些例子：

• World map colorizer（按和 按住鼠标按钮一会儿 显示调色板的国家/地区可以找到完整代码和其他变体here。

• Map with zoomed-in-view that follows mouse

Answer 2

这是对您上一个问题的回复。滚动你自己。

这个比较简单。抓取US的可用svg地图。清理它以符合您的主题。更改填充颜色和其他任何内容。为鼠标悬停效果添加一些javascript。

此site可能正是您所需要的。也很好。