【问题标题】:linking fusion tables visualizations, offering search over fusiontables链接融合表可视化,提供对融合表的搜索
【发布时间】:2013-02-08 11:36:47
【问题描述】:

所以我在一个谷歌网站上有几个不同的 fusiontable 可视化:

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

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

非常感谢提前 干杯>山姆

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

【问题讨论】:

    标签: google-fusion-tables


    【解决方案1】:

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

    难度不大,用map->publish->get HTML and javascript得到的src最多

    你所要做的就是:

    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 的内容并将它们直接插入到页面中。

    【讨论】:

    • 谢谢 - 这真的很有用。我使用 Google fusion 向导制作了一个带有搜索功能的版本:sites.google.com/site/hlsbeta123123123123/search-by-activity 猜想我需要单独发布更广泛的联合搜索问题......想知道我是否可以仅突出显示卡片列表中选定的卡片,但保持列表可用?在这里有很多乐趣 - 将检查有关 suppressInfoWindows 的文档 ...
    • 无法突出显示卡片,您需要对卡片进行脚本访问才能实现,但由于同源限制,无法进行脚本访问。但是可以保持完整列表可用并将所选卡片滚动到视图中。因此,您必须编辑卡片模板并为每张卡片创建一个锚点。当您单击标记时,将带有相关哈希的 URL 加载到框架中。
    猜你喜欢
    • 1970-01-01
    • 2021-12-03
    • 1970-01-01
    • 2023-04-08
    • 1970-01-01
    • 1970-01-01
    • 2012-07-10
    • 2012-12-03
    • 2012-04-16
    相关资源
    最近更新 更多