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个用于年份）。让我们假设滑块具有ID slider_population和slider_year。

创建一个单独的函数来处理Layer的更新：

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内 - 两个滑块的回调调用此函数（短暂延迟，需要片刻，直到jquery可以识别活动滑块的正确值）：

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

        //more code
       }

使用滑块FusionTableLayer查询融合表列

1 个答案: