具有鼠标悬停突出显示的交互式SVG WORLD地图？

Question

任何人都可以通过鼠标悬停突出显示一个世界SVG示例吗？我想找一些带有详细信息的世界地图的好例子。

非常感谢。

Answer 1

通过

查看Peter Collingridge的工作

• Is this possible: Zoomable SVG Image Map

⇢http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map

⇢http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

我将尝试在新的一年里用世界地图做这件事，如果＆amp;当我发掘它们时，快速阅读Peter的介绍教程说它是SVG的“非常流行”用途。

Answer 2

我没有任何世界地图示例，但我上传了以伊利诺伊州为例的javascript mouseover作为示例：http://renatorasmussen.com/svgmouse/IL_corn_1972_Detrend_to_2009.svg

这些是我正在使用的文件：

IL_corn_1972_Detrend_to_2009.svg
map_styles.css
mouse_over_effects.js