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

0

Я пытаюсь создать слайдер для слоев плавного набора. Моя проблема заключается в том, как установить ползунок для запроса разных столбцов в одном 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
           }
Теги:
google-maps-api-3
uislider
google-fusion-tables

1 ответ

0
Лучший ответ

Создайте 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
       }

Ещё вопросы

Сообщество Overcoder
Наверх
Меню