如何在Google Fusion Table中的同一個表格/圖層上構建多個下拉選擇器菜單？

我在我的網站上創建了一系列Google Fusion Table maps，社區媒體數據庫，，允許用戶打開和關閉多個圖層。對於每一層，我還構建了一個下拉選擇菜單，允許查看者根據該選擇器過濾顯示的結果。如何在Google Fusion Table中的同一個表格/圖層上構建多個下拉選擇器菜單？

我現在正在一個地方，我需要爲每個圖層創建多個下拉選擇菜單。例如，在鏈接地圖中，我想讓觀衆不僅可以通過管理類型查看訪問電視節目，還可以通過運輸本地選舉相關節目以及其他一些字段。

我在Googgle FT還是比較新的，幾乎不知道我用JavaScript的方式。我試着複製和粘貼一些代碼示例，但我相信我沒有正確地建立獨特的變量。他們以某種方式結束衝突，而且他們都沒有工作。

有人可以幫助我學習在單個Google Fusion Table /地圖圖層上創建多個選擇菜單的簡單方法嗎？謝謝！

〜羅布McCausland，CommunitymediaDatabase.org

來源

2012-02-22 user1226440

不，這不是垃圾郵件。 – 2012-02-22 23:19:42

井問題，一個是能夠從你選擇列表檢索值。我給我所有的選擇列表一個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-22 19:09:32

如何在Google Fusion Table中的同一個表格/圖層上構建多個下拉選擇器菜單？

回答

相關問題