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

时间:2012-06-07 13:58:27

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

我是一个已经开始使用Google Fusion Tables的JavaScript新手,我想知道这两件事的任何专家是否可以帮我解决问题。

以下是我从一张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仍然有点不熟悉。

如果有人知道如何解决这个问题,我真的很感激。

谢谢。

1 个答案:

答案 0 :(得分:0)

我会有四张Fusion表格/地图,并使用您网页上的代码仅显示从下拉列表中选择的代码。这是你的Javascript的工作,而不是Fusion。我有类似的东西,用户可以选择(通过GET链接)显示哪个地图。不过,这都是用PHP编写的。