将制作 2008 年总统选 特殊数据库 举结果的地图。让我们从底图开始。我们将从维基百科获取美国件。幸运的是，这张地图已经预先标记了每个州，因此我们可以访问它并为其着色：这可以节省大量时间。否则，我们将不得不在 Illustrator 中转到我们自己的美国地图，将每个州放入其自己的图层上，并使用该州的缩写来命名该图层。将件放入新文件夹后，创建一个基本 HTML 文件，或下载我们提供的模板。您需要包含 jQuery 和 D3。出于我们的目的，您只需将 SVG 文件的内容复制并粘贴到 HTML 文件的 div 中即可。如果您使用的是 TextMate，则只需将 SVG 拖到正确的位置即可。您将看到一大堆原始 SVG，它们构成了地图。每个 <path> 元素都是一个州，并且具有映射到州缩写的 ID 属性。“d”属性有“M”、“L”和一堆数字，实际上包含了该状态的所有坐标。将 SVG 嵌入到 HTML 中后，如果您在浏览器中打开它，您应该会看到一张地图。不幸的是，这个 SVG 文件的每个状态都已经是灰色的，我们想分配我们自己的颜色。因此，我们需要查找并从 SVG 中删除所有定义了填充颜色“#d3d3d3”的实例。现在，当我们在浏览器中查看页面时，状态会显示为黑色。该映射位于 DOM 内部，我们可以通过其 ID 访问每个状态。如果您熟悉 jQuery 或 Web 开发，您已经可以想象您可以创建的东西。快速开始的一种方法是简单地操作这些状态之一，在 jQuery 中它就像这样简单
现在我们需要数据，我们将使用Google 的 2008 年总统选举的 JSON 数据。保件并将其添加到您的文件夹中。如果您在 开它，它会显示为一长行，这使得您很难理解您正在使用的数据。如果您将该行复制到剪贴板，然后转到JSONLint，将 JSON 粘贴到字段中并点击“验证”，它会将您的 JSON 重新格式化为更易读的格式。您可以将其粘贴回 JSON 文件中。查看您的数据并了解您 希腊 WhatsApp 号码数据 可以使用哪些数据。您会注意到，他们从一开始就为每个候选人分配了一个唯一的 ID 号，我们稍后将需要这个 ID 号。要使用此 JSON，您需要将其分配给一个变量以在主文件中使用。为此，请添加