javascript - 如何为 HTML 5 地图绘制坐标

Question

我有一个亚洲的轮廓，如下所示：

我希望国家/地区在悬停时用红色填充，例如：

切口完全适合地图。到目前为止，我对我在互联网上找到的有关如何执行此操作的信息感到非常困惑。有人说 HTML 5 地图，其他人说 jQuery，其他人说 SVG……我只是想要一个明确的方法来完成这个，所以我至少可以尝试这个项目。另外，我发现很难在网上找到好的教程，所以如果可以告诉一步一步的方法，那就太好了（我可以找到每个步骤的教程，只需要知道我应该做什么） .

提前感谢一堆。

Answer 1

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

一个如何做到这一点的例子，可以在这里找到： http ://css-tricks.com/using-svg/