链接融合表可视化,提供搜索融合表

时间:2013-02-08 11:36:48

标签: google-fusion-tables

所以我在google网站上有几个不同的可融合可视化:

https://sites.google.com/site/hlsbeta123123123123/

我想知道是否有办法链接它们,以便当选择地图中的图钉时,相应的卡片会显示在另一个iframe中?

我真正希望能够做的是通过google网站向人们搜索融合表,这样当有人搜索网站搜索时,他们会在地图中找回点击列表和卡,并将它们全部链接在一起...任何简单的方法来完成配对的可视化,或者这必须是基于fusiontables API构建的自定义网站?

我知道融合表向导:

http://fusion-tables-api-samples.googlecode.com/svn/trunk/FusionTablesLayerWizard/src/index.html

可以为单个可视化提供类似的功能,但是不清楚链接多个可视化 - 可能这只是完全不切实际的......

非常感谢提前 干杯> SAM

P.S。以下是网站更改时的当前屏幕截图: - )

enter image description here

1 个答案:

答案 0 :(得分:2)

这是可能的,但您必须自己创建地图,而不是iframe地图,以便能够修改默认行为(在点击时打开infoWindow并加载过滤后的卡片)。

使用map->publish->get HTML and javascript

获得的大部分src并不困难

您所要做的就是:

  1. 压制infoWindows(将图层的suppressInfoWindows - 选项设置为true)
  2. 观察图层的点击事件,并根据唯一的列表加载卡片(Charity Number似乎是唯一的)
  3.     google.maps.event.addListener(layerl0, 'click',function(e){
           document.getElementById('cards')//iframe-element
            .src='https://www.google.com/fusiontables/embedviz?viz=CARD&q=select+*+from+1ZnLJPfdXgiD49s3JO9Vyhf0VPGgBnzs-985jT3s+where+col1+%3D+'+e.row['Charity Number'].value+'&tmplt=4&cpr=1';
          });

    演示:http://jsfiddle.net/doktormolle/YVnus/

    但实际上在iframe中显示卡片会强制执行冗余请求,而是可以获取infoWindow的内容并将其直接插入页面。