修改动态信息窗口代码以用于图像链接？

Question

我正在尝试修改此动态信息窗口的代码示例以用于图像而不是文本：

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

我知道我可以使用它：

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

使图像显示为使用Fusion Table自定义InfoWindow UI打开新页面的链接，但我的Fusion Table中的某些单元格具有图像URL，而其他单元格为空。如果单元格中没有URL，我希望InfoWindow省略图像链接。由于我无法使用Fusion Table UI对此进行编码，因此我想知道是否可以在Google Maps API中使用Fusion Tables Layer并修改此部分代码：

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

测试图像URL而不是测试“是”？我希望InfoWindow显示图像的链接（如果它在那里），如果单元格为空，我希望链接被省略。

以下是我的Fusion Table的链接：

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

我想测试“y2012”栏中的所有单元格。

任何想法??

Answer 1

这应该适用于图层上的点击事件监听器：

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

example

Answer 2

您还可以使用我们称之为dynamic templating的信息窗口。这使您可以在信息窗口中使用Closure Template语法，包括完全遗漏空字段的情况。