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

【问题标题】：Modify dynamic info window code to work for image links?修改动态信息窗口代码以适用于图像链接？
【发布时间】：2013-08-02 02:51:15
【问题描述】：

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

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”列中的所有单元格。

有什么想法吗？？

【问题讨论】：

Any ideas?? - 编写代码来做到这一点。如果没有更多关于您的表格是什么样子的详细信息，尤其是列的名称是什么，这将无法帮助。如果不是空字符串，则将链接添加到信息窗口。
我已在帖子中添加了指向我的 Fusion Table 的链接。我不确定如何编写代码来做到这一点，我添加的信息是否有助于澄清？

标签： google-fusion-tables

【解决方案1】：

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

【讨论】：

感谢动态模板让我可以做我想做的事。

【解决方案2】：

这应该在图层上的点击事件监听器中工作：

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

example

【讨论】：