使用滑块查询融合表列，FusionTableLayer

【问题标题】：Querying fusion table columns with slider, FusionTableLayer使用滑块查询融合表列，FusionTableLayer
【发布时间】：2014-01-29 06:50:56
【问题描述】：

我正在尝试为融合表图层创建滑块。我的问题是如何设置滑块来查询一个 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
           }

【问题讨论】：

标签： jquery google-maps-api-3 google-fusion-tables uislider

【解决方案1】：

创建 2 个滑块（1 个用于人口，1 个用于年份）。假设滑块的 ID 为 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
       }

【讨论】：