2013-02-08 45 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