2013-02-08 46 views
0

搜索所以我有几个不同的fusiontable可视化在谷歌网站:连接融合表可视化,提供超过fusiontables

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

我想知道是否有一种方法将它们连接,使当地图中的某个引脚被选中时,相应的卡片会显示在另一个iframe中?

我真的很希望能够做的是提供人们通过谷歌网站搜索融合表,这样当有人在网站搜索中搜索时,他们会回到搜索结果列表中地图和卡片,并将它们全部链接在一起......通过配对的可视化实现此操作的任何简单方法,还是必须建立在融合表API上的自定义网站?

我知道Fusion Tables的向导:

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

可以为一个可视化提供这样的事情,但我不清楚连接多个可视化 - 也许这只是完全不切实际......

许多在此先感谢 干杯> SAM

ps下面是情况下,当前屏幕截图它的网站改变了:-)

enter image description here

回答

2

这是可能的,但不是在iframe的地图,你必须创建自己的地图,能够修改默认行为(开幕点击infoWindow并加载已过滤的卡片)。

这是没有太大的困难,最SRC的你会得到map->publish->get HTML and javascript

所有你需要做的是:

  1. 剿的信息窗口(设置图层的suppressInfoWindows - 选项为true )
  2. 观察该层的点击事件和加载基于独特的喂食col(Charity Number卡似乎是唯一的)
 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卡强制要求冗余,而不是你可以获取信息窗口的内容,并将它们直接插入到页面中。

+0

谢谢 - 这真的很有用。我使用Google融合向导制作了一个搜索版本:https://sites.google.com/site/hlsbeta123123123123/search-by-activity guess我需要单独发布更广泛的连接搜索问题......想知道我是否可以突出显示卡片列表中选定的卡片,但保持列表可用?这里有很多乐趣 - 将检查关于suppressInfoWindows的文档... – 2013-02-13 12:42:54

+0

高亮显示一张卡片是不可能的,您需要使用脚本访问卡片来实现它,但是由于同源原因,脚本访问是不可能的-restrictions。但可以保留完整列表并将选定的卡片滚动到视图中。因此,您必须编辑卡片模板并为每张卡片创建一个锚点。单击标记时,将带有相关散列的URL加载到框架中。 – 2013-02-13 22:19:50

+0

谢谢,很高兴知道 – 2013-02-14 13:27:48