2013-08-01 18 views
0

我試圖修改此代碼示例動態信息窗口,爲圖像而不是文字工作:修改動態信息窗口代碼以用於圖像鏈接?

https://developers.google.com/fusiontables/docs/samples/change_infowindow_content

我知道,我可以用這個:

<a href="{column_name}" target="_blank">text</a> 

使圖片上來作爲打開使用融合表定製信息窗口UI新的頁面鏈接,但一些在我的Fusion Tables中的細胞有一個形象的網址,其他都是空的。如果單元格中沒有URL,我希望InfoWindow省略圖像鏈接。由於這種使用融合表UI我不能代碼,我想知道是否有可能使用谷歌地圖API的Fusion Tables圖層並修改這部分代碼:

// If the delivery == yes, add content to the window 
      if (e.row['delivery'].value == 'yes') { 
      e.infoWindowHtml += "Delivers!"; 
      } 

來測試圖像而不是測試「是」的URL?我想信息窗口顯示鏈接的圖像,如果它的存在,我想被排除在外,如果單元格是空的鏈接。

這裏是我的融合表的鏈接:

https://www.google.com/fusiontables/DataSource?docid=15wosKAeHC0gcpU_N6UPbxPL09RrEBKlQNEaCmnU#map:id=3

我想測試的所有單元格中的「y2012」一欄。

任何想法??

+0

'任何想法??' - 編寫代碼來做到這一點。如果沒有關於表格外觀的更多詳細信息,特別是列名稱是什麼。如果它不是空字符串,請將鏈接添加到infowindow。 – geocodezip

+0

我在帖子中添加了鏈接到我的Fusion Table。我不知道如何編寫代碼來做到這一點,我補充說明的信息是否澄清? – user2638460

回答

0

您也可以使用我們所說dynamic templating的信息窗口。這使您可以在信息窗口中使用Closure Template語法,其中包括完全忽略空字段的情況。

+0

感謝動態模板讓我做到了我想要的。 – user2638460

0

這應該在層上的click事件偵聽工作:

// If the y2012 != "", add open the picture 
if (e.row['y2012'].value != '') { 
    window.open(e.row['y2012'].value); 
} 

example