【问题标题】:Add a COUNT chart to a queried map visualization in Fusion Tables将 COUNT 图表添加到 Fusion Tables 中的查询地图可视化
【发布时间】:2013-12-20 16:56:05
【问题描述】:

我在 Fusion Tables 地图中添加了一个滑块,它会生成一个查询: http://jsfiddle.net/nautilia/8zwGP/1/

slide: function (event, ui) {
    document.getElementById("slider-value").innerHTML = "año " + ui.value;
    var suma = "start > 1900 AND start <" + ui.value + " AND end >" + ui.value;
    capa.setOptions({
        query: {
            select: "col8",
            from: "1BV8lFXocqLor3Mack66ld82zSmUeHPyzKeCSK_w",
            where: suma
        }
    });
}

这是一个城市的电影院列表。滑块查询表格以了解选定年份中开放的电影院。

我想在地图旁边添加一个元素,说明当年有多少电影院(点)开放(显示在地图中)。

我做了几次失败的尝试,试图将来自 Fusion Tables API https://developers.google.com/fusiontables/docs/sample_code?hl=ca&csw=1#gviz 和本教程 http://michelleminkoff.com/2012/02/05/how-to-count-queried-rows-in-a-google-fusion-table/ 的代码与我的代码混合。

我真的不知道如何使用现有代码获取 ui.value (year) 的查询输出 (COUNT())。 而且我也无法显示它,作为一个条形或简单的数字。

我很困惑,无法实现正确的代码。任何帮助将不胜感激。

提前谢谢你

【问题讨论】:

    标签: google-fusion-tables


    【解决方案1】:

    您需要根据您的 slder 查询(或您的 var suma,您需要创建一个全局变量)通过另一个 jsonp 调用异步获取计数。我不久前回答了这个问题:https://stackoverflow.com/a/16217367/1211981 无法通过滑块处理程序获取此值。您需要一个单独的函数 FT API 调用来获取计数并在事后设置它。

    var count_qry = 'select count() from "1BV8..." where ' + suma;
    

    查看此答案https://stackoverflow.com/a/9778985/1211981 并查找 getFTCount() 函数。注意:此代码早于 FT API 1.0,因此 AJAX 端点已更改。

    添加代码回复:我在下面的评论。改变这个:

    var getCount = $.get(queryurl,
    
        function (data) {
            try {
         .. .
    

    收件人:

    function getCount(){
       $.get(queryurl,
        . . .
    }
    

    然后在这一行后面加上getCount()。

    window.suma = "start > 1900 AND start <" + ui.value + " AND end >" + ui.value;
    getCount();
    

    【讨论】:

    • 谢谢@eric-bridger,我在你之前的帖子之后更新了我的小提琴:jsfiddle.net/nautilia/8zwGP/4 但没有运气。我想象它与使全局变量 suma 相关的问题。直接sql查询googleapis.com/fusiontables/v1/…给了我正确的回复。你能指出我的错误吗?谢谢!
    • 您将 getCount 作为 var,而不是函数。您需要将其设为函数,然后在您的滑块函数中设置 window.suma = ... 后立即调用它。
    • 我很抱歉这么笨拙。根据您的 cmets,我已经尝试了两个版本的代码。但两者都有问题。首先,jsfiddle.net/nautilia/8zwGP/9 阻止滑块移动/查询并显示参考错误:data is not defined (in ... + data.rows[0])), .. ) |||第二,jsfiddle.net/nautilia/8zwGP/8function(data) 不显示错误,但它没有得到计数。感谢您的耐心等待!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-29
    • 2012-11-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多