0

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

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

I am wondering if there is a way to link them so that when a pin in the map is selected the corresponding card is shown in the other iframe?

我真正想做的是通过谷歌网站为人们提供对融合表的搜索,这样当有人在网站搜索中搜索时,他们会得到地图和卡片中的点击列表,并将它们全部链接在一起......有什么简单的方法可以通过配对可视化来做到这一点,或者这必须是建立在 fusiontables API 上的自定义站点吗?

我知道融合表向导:

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

可以为单个可视化提供类似的东西,但不清楚链接多个可视化 - 也许这完全不切实际......

非常感谢 干杯> SAM

ps 这是当前的屏幕截图,以防网站发生变化:-)

在此处输入图像描述

4

1 回答 1

2

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

这并不难,您将获得的大部分 srcmap->publish->get HTML and javascript

你所要做的就是:

  1. 抑制 infoWindows(将suppressInfoWindows图层的 -option 设置为 true)
  2. 观察图层的点击事件并根据唯一的颜色加载卡片(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['慈善编号'].value+' &tmplt=4&cpr=1';
      });

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

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

于 2013-02-08T18:58:26.377 回答