Запрос столбцов таблицы слияния с ползунком, FusionTableLayer

Question

Я пытаюсь создать слайдер для слоев плавного слоя. Моя проблема заключается в том, как установить ползунок для запроса разных столбцов в одном FusinTable. Пока я могу перемещаться между данными в одном столбце. Мне нужно скользить между разными годами 2004-2009 годов, и каждый год данные находятся в разных столбцах, названных так же, как год.

// define the JQuery Slider 
$(function() { 
    $('#slider').slider({ 
     max: 13000000, 
     min: 1000000, 
     step: 100000, 
     value: 0, 
     slide: function(event, ui) { 
      document.getElementById("slider-value").innerHTML = ui.value + " Population (Thousends)"; 
      layer_0.setOptions({ 
       query: { 
        select: "Population", 
        from: "1ExY2P7DxDzTwjz67cs1GPgWKWDPUx5mXE3uZ2ME", 
        where: "Population <= " + ui.value 
      } 

Answer 1

Создайте 2 ползунка (1 для населения и 1 для года). Предположим, что ползунки имеют идентификаторы slider_population и slider_year.

Создать одну функцию для обработки обновления слоя:

function setQuery(){ 

    var population =$('#slider_population').slider("option", "value"); 
    var year  =$('#slider_year').slider("option", "value"); 
    var query={ 
       select: "City", 
       from: "tableId", 
       where: "'"+ year +"' <= " + population 
      } 
    layer_0.setOptions({query:query}) 

} 

Внутри slide -callback обоего ползунков называют эту функцию (с короткой задержкой, это занимает время, пока JQuery не может правильно распознать значение для активного ползунка):

 slide: function(event, ui) { 
     setTimeout(setQuery,100); 

     //more code 
     }