1

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

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

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

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

~ Rob McCausland，CommunitymediaDatabase.org

4

1 回答 1

2

那么问题一是能够从您的选择列表中检索值。我给我所有的选择列表一个 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>
于 2012-02-22T19:09:32.667 回答