如何在 Google Fusion Table 中的同一表格/图层上构建多个下拉选择器菜单？

Question

我在我的网站社区媒体数据库上创建了一系列 Google Fusion Table 地图 它允许用户打开和关闭多个层。对于每一层，我还构建了一个下拉选择菜单，允许查看者根据该选择器过滤显示的结果。

我现在需要为每一层创建多个下拉选择菜单。例如，在链接的地图中，我想让观众不仅可以通过管理类型查看接入电视提供商，还可以通过与地方选举相关的节目的承载以及许多其他领域来查看接入电视提供商。

我在 Googgle FT 上还是个新手，几乎不了解 JavaScript。我尝试复制和粘贴一些代码示例，但我相信我没有正确建立唯一变量。他们以某种方式结束了冲突，但都不起作用。

有人可以帮助我了解在单个 Google Fusion 表/地图图层上创建多个选择菜单的简单方法是什么吗？谢谢！

~ Rob McCausland，CommunitymediaDatabase.org

Answer 1

问题一是能够从您的选择列表中检索值。我为所有选择列表提供一个 id，并使用 jQuery.js 来访问这些值：

var value = $('#program_select_id').val();

其次是通过“AND”链接您的查询条件，您的代码似乎已经掌握了这一点。

下面是我使用的一些 jQuery 相关代码的示例：

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 

<script type="text/javascript">

function setQuery(ft_layer, current_table_id, location_col)
{
    var query = [];

    var value = $('#program_select_id').val();
    if(value !== ''){
        query.push("'program' = '" +  value + "'");
    }
    value = $('#provider_select_id').val();
    if(value !== ''){
        query.push("'data_provider' = '" +  value + "'");
    }
    value = $('#observable_select_id').val();
    if(value !== ''){
        query.push("observables CONTAINS '" + value + "'");
    }

    var where = query.join(' AND ');

    var qryOpts = {
      query: {
        select: location_col,
        from: current_table_id,
        where: where
      }
    };
    ft_layer.setOptions(qryOpts);
}

</script>