Javascript 如何为HTML5地图绘制坐标

我对亚洲有如下概述：

当鼠标悬停在上方时，我希望国家/地区填充红色，例如：

这些切口与地图完全吻合。到目前为止，我在互联网上找到的关于如何做到这一点的信息让我感到非常困惑。有人说HTML5映射，有人说jQuery，有人说SVG。。。我只是想一个明确的方法，如何完成这一点，所以我至少可以尝试这个项目。另外，我发现很难在网上找到好的教程，所以如果可以告诉我一个循序渐进的方法，那就太好了（我可以找到每个步骤的教程，只需要知道我应该做什么）

---

提前感谢大家。

SVG允许您将CSS样式类分配给各个形状。一个可能的CSS类是：hover伪类。这允许用户在形状上移动鼠标时更改样式

可在此处找到如何执行此操作的示例：

---

可能就是您要搜索的内容。您可以使用javascrip库raphaeljs:来完成这项工作，raphaeljs:使用svg。您必须首先使用以下方法将地图转换为可缩放向量：gimp@roasted我也可以用illustrator/photoshop来做，对吗？一旦我得到了它，我该怎么办呢？然后你就有了svg代码和路径，你可以在上面应用javascript函数/事件或css。但是raphaeljs并不是那么容易使用，我建议你看看@Eich的链接，似乎更容易。在哪一点上它会自动找到路径@烤