如何制作允许用户选择多个地图的 Google Fusion Table 地图？答案

【问题标题】：How do I make a Google Fusion Table map which allows users to select multiple maps?如何制作允许用户选择多个地图的 Google Fusion Table 地图？
【发布时间】：2012-06-07 13:58:27
【问题描述】：

我是一名 JavaScript 新手，已经开始使用 Google Fusion Tables，我想知道这两个方面的专家是否可以帮助我解决问题。

这是我从一个 Fusion Table 制作的四张地图（它们是嵌入代码）：

<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=2&amp;tmplt=2"></iframe>
<br><br>
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=3&amp;tmplt=3"></iframe>
<br><br>
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=4&amp;tmplt=4"></iframe>
<br><br>
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=5&amp;tmplt=5"></iframe>

我想制作一张地图，其中有一个下拉菜单，其中每个地图都可以作为选项。有人知道怎么做吗？

这是一个例子：德克萨斯论坛报有a Fusion Table map，左上角有一个下拉菜单，用户可以选择四种不同的地图（州议会区、州参议院区等）。

我查看了源代码，但我认为我对 Fusion Tables API 还是有点陌生。

如果有人知道我如何解决这个问题，我将不胜感激。

谢谢。

【问题讨论】：

我对 Fusion Tables 不太熟悉，所以我需要更多信息。我注意到每个 iframe 之间的区别是 y=2 和 tmplt=2 变为 3、4 和 5。这到底是什么意思？你如何重新着色地图？是不同的数据吗？查询看起来相同。我正在尝试在 Javascript API 中找到等价物。
你到底想做什么？我不认为您需要 4 张不同的地图，而是希望在同一张地图上显示不同的数据（例如 Texas Tribune 示例）。查看this simple example 了解基本概念。
@Lilina：'tmplt' 似乎是指模板——也就是说，'tmplt=1' 是一张有自己的颜色和数据的地图，而 'tmplt=2' 是另一张地图不同的颜色和数据，等等。 Fusion Tables 文件位于 GoogleDocs（类似云的系统）上，并设置为看起来像数据库（例如，任何电子表格软件）。在最新版本的 Fusion Tables 中，您可以在同一个文件中制作多个不同的地图，这就是 'tmplt' 和 'y' 不同的原因。每个都有不同的颜色和数据显示。这有意义吗？
@Odi：我正在阅读您的链接，完成后如果我有更多问题，我会告诉您。
@Odi：感谢您的链接。我正在使用我制作的另一张地图遵循该示例，但我的下拉菜单似乎不起作用。我编写的代码主要是 Google 代码的复制粘贴，我已将它们上传到 Fusion Table 讨论组，以备您查看。 link

标签： google-maps-api-3 google-fusion-tables

【解决方案1】：

我将有四个 Fusion 表/地图，并使用您网页上的代码仅显示从下拉列表中选择的一个。这是您的 Javascript 的工作，而不是 Fusion。我有类似的东西，用户可以选择（通过 GET 链接）显示哪个地图。不过，这一切都在 PHP 中。

【讨论】：