Consumer Data

每个 <path> 元素都是一个州，并具有映射到州缩写的 ID 属性。“d”属性包含“M”、“L”和一堆数字，实际上包含该州的所有坐标。将 SVG 嵌入到 HTML 中后，如果您在浏览器中打开它，您应该会看到一张地图。



不幸的是，这个 SVG 文件中的的颜色。所以我们需要从 SVG 中找到并删 沙特阿拉伯数字数据 除所有定义了填充颜色“#d3d3d3”的实例。现在，当我们在浏览器中查看页面时，这些州会显示为黑色。



此映射位于 DOM 内部，我们可以通过其 ID 访问每个州。如果您熟悉 jQuery 或 Web 开发，您已经可以想象您可以创建的东西。一种快速入门的方法是简单地操作其中一个州，在 jQuery 中，它就像 $('#NY') 一样简单。



css('fill', 'red') 现在我们需要数据，我们将使用 Google 的 2008 年总统大选 JSON 数据。保存 .json 文件并将其添加到您的文件夹中。如果您在 TextMate 中打开它，它会显示为一行长行，这使得很难理解您正在处理的数据。