Jquery plugins //藻类 algaeTable=$(“.algage_表”).dataTable({ “sPaginationType”:“完整编号”, “阿伦提努”:[[10,25,50,-1],[10,25,50,“全部”], 是的, “aaSorting”:[[0,“desc”]], “aoColumns”:[ {“缝合”:“样本日期”}, {“sTitle”:“藻类毒素微囊藻毒素”}, {“sTitle”:“娱乐指南20”}, {“针”:“蓝、绿、藻、细胞”}, {“针”:“娱乐指南”} ] }); }否则{ //algatable.fndrow(); $(“.galga_table>tbody”).empty(); algatable.fnDraw(); //$('.galga_table').find(“tr:gt(0)”).remove(); } }, 错误:函数(){ 警报(“目前此位置的数据不可用,请稍后再查看。谢谢”); } }); }

Jquery plugins //藻类 algaeTable=$(“.algage_表”).dataTable({ “sPaginationType”:“完整编号”, “阿伦提努”:[[10,25,50,-1],[10,25,50,“全部”], 是的, “aaSorting”:[[0,“desc”]], “aoColumns”:[ {“缝合”:“样本日期”}, {“sTitle”:“藻类毒素微囊藻毒素”}, {“sTitle”:“娱乐指南20”}, {“针”:“蓝、绿、藻、细胞”}, {“针”:“娱乐指南”} ] }); }否则{ //algatable.fndrow(); $(“.galga_table>tbody”).empty(); algatable.fnDraw(); //$('.galga_table').find(“tr:gt(0)”).remove(); } }, 错误:函数(){ 警报(“目前此位置的数据不可用,请稍后再查看。谢谢”); } }); },jquery-plugins,google-fusion-tables,Jquery Plugins,Google Fusion Tables,我试图查询两个不同的Google Fusion表,并在Google信息窗口中的新选项卡下返回每个表。但是,我遇到了一些问题,因为我似乎无法将数组或字符串从$.ajax函数返回到父作用域。例如,上面的items数组返回undefined。对此有任何想法都将不胜感激 提前感谢,, 迈克尔这绝对是可能的。您没有提供足够的代码来确定错误,例如queryURL、queryText等。您还需要您的Google API密钥。下面是一个示例,演示如何执行此操作 我将JQuery dataTable插件包括在混合

我试图查询两个不同的Google Fusion表,并在Google信息窗口中的新选项卡下返回每个表。但是,我遇到了一些问题,因为我似乎无法将数组或字符串从$.ajax函数返回到父作用域。例如,上面的items数组返回undefined。对此有任何想法都将不胜感激

提前感谢,,
迈克尔

这绝对是可能的。您没有提供足够的代码来确定错误,例如queryURL、queryText等。您还需要您的Google API密钥。下面是一个示例,演示如何执行此操作


我将JQuery dataTable插件包括在混合中。现在,我需要一种方法来删除整个datatable,或者在绘制新表之前删除所有行。然后,我想将这两个数据表添加到一个选项卡式的GoogleInfoWindow中——不确定我接下来在编写正确语法方面的步骤是什么?欢迎并鼓励任何建议。提前感谢,Michaeln从未使用过dataTable插件。您的代码似乎是一个混合体。文档中提到:fnClearTable()等。谢谢Eric。我设法将dataTable放入GoogleInfoWindow,但现在我在调整dataTable的大小以适应GoogleInfoWindow的宽度方面遇到了问题。我会随时通知你的。再次感谢,
var infoWindow;
var tableID = 'atableID';    
var str;



var beachID;
var beach_location;
var beach_region;

/* start map initialization  */
function initialize() {
latlng = new google.maps.LatLng(49.894634, -97.119141);
var myOptions = {
    center: latlng,
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL
    },
    mapTypeControl: true,
    mapTypeControlOptions: {
        mapTypeIds: [
                                        google.maps.MapTypeId.ROADMAP,
                                        google.maps.MapTypeId.SATELLITE,
                                        google.maps.MapTypeId.HYBRID,
                                        google.maps.MapTypeId.TERRAIN
                                    ],

        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
    overviewMapControl: true,
    overviewMapControlOptions: {
        opened: true
    }
};

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

layer = new google.maps.FusionTablesLayer({
    query: {
        select: 'Point',
        from: atableID
    },
    suppressInfoWindows: true
});
layer.setMap(map);
infoWindow = new google.maps.InfoWindow();

google.maps.event.addListener(layer, 'click', function (e) {


    // close infoWindow if open
    if (infoWindow) {
        infoWindow.close();
    }
    beachID = e.row['Beach_ID'].value;
    beach_location = e.row['Beach_Location'].value; ;
    beach_region = e.row['Beach_Region'].value;;

    //console.log(beachID);

    // get data set
    getEcoliData(beachID,beach_location,beach_region);
    getAlgaeData(beachID,beach_location,beach_region);


});           // end google.maps.addListener
} // end map initialization

function getEcoliData(beachID,beach_location,beach_region) {
//local namespace
var rows = [];
var ecoliTable;

var items = [];

var queryURL = "https://www.googleapis.com/fusiontables/v1/query?sql=";
var queryTail = '&key=a key value=?';
var whereClause = "WHERE 'Beach_ID' = " + beachID;
var query = "SELECT 'Sample_Date',   'Average_E._coli_Density','Recreational_Water_Quality_Guideline' FROM atblid " + whereClause + " ORDER BY 'Sample_Date' DESC";
var queryText = encodeURI(query);



    $.ajax({
    type: "GET",
    url: queryURL + queryText + queryTail,
    cache: false,
    dataType: 'jsonp',
    success: function (data) {
        rows = data.rows;

        // empty table
        //$('#content_placeholder').empty();
        //$('.ecoli_table').remove();

        $('#ecoli_heading').empty();

        $('#content_placeholder').prepend('<h6 id="ecoli_heading">E.Coli Data</h6>')
            .append('<p>' + beach_location + '</p>').append('<p>' + beach_region + '</p>');
        $('.ecoli_table').append('<tr>'
                                 + '<th>Sample Date</th>'
                                 + '<th>Average E.Coli Density</th>'
                                 + '<th>Recreational Water Quality Guideline</th>'
                                 + '</tr>');
        for (var i = 0; i < rows.length; i++) {
            //items.push(rows[i]);
            $('.ecoli_table tr:first').after('<tr><td>' + rows[i].join('</td><td>') + '</td></tr>');
        }
        if (typeof ecoliTable == 'undefined') {
            // dataTables
            ecoliTable = $(".ecoli_table").dataTable({
                "sPaginationType": "full_numbers",
                "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                "aaSorting": [[0, "desc"]],
                "bDestroy": true,
                "aoColumns": [
                                                    { "sTitle": "Sample_Date" },
                                                    { "sTitle": "Average_E._coli_Density" },
                                                    { "sTitle": "Recreational_Water_Quality_Guideline" }
                                            ]
            });
        } else {
            //ecoliTable.fnDestroy();
            $(".ecoli_table > tbody").empty();
            ecoliTable.fnDraw();
            //$('.ecoli_table').find("tr:gt(0)").remove();
        }
    },
    error: function () {
        alert("Data is not available for this location at the present time, please check back at a later time. Thank you.");
    }
});
}


function getAlgaeData(beachID,beach_location,beach,region) {
//local namespace
var rows = [];
var algaeTable;

var items = [];

var queryURL = "https://www.googleapis.com/fusiontables/v1/query?sql=";
var queryTail = '&key=apikey&callback=?';
var whereClause = "WHERE 'Beach_ID' = " + beachID;
var query = "SELECT 'Sample_Date','Algal_Toxin_Microcystin','Recreational_Guideline_20','Blue_Green_Algae_Cells','Recreational_Guideline' FROM tableid " + whereClause + " ORDER BY 'Sample_Date' DESC";
var queryText = encodeURI(query);



$.ajax({
    type: "GET",
    url: queryURL + queryText + queryTail,
    cache: false,
    dataType: 'jsonp',
    success: function (data) {
        rows = data.rows;

        // empty table
        //$('#content_placeholder').empty();
        //$('.algae_table').remove();

        $('#algae_heading').empty();
        $('.ecoli_table').after('<h6 id="algae_heading">Algae Data</h6>');
        $('.algae_table').append('<tr>'
                                 + '<th>Sample Date</th>'
                                 + '<th>Algal_Toxin_Microcystin</th>'
                                 + '<th>Recreational_Guideline_20</th>'
                                 + '<th>Blue_Green_Algae_Cells</th>'
                                 + '<th>Recreational_Guideline</th>'
                                 + '</tr>');
        for (var i = 0; i < rows.length; i++) {
            //items.push(rows[i]);
            $('.algae_table tr:first').after('<tr><td>' + rows[i].join('</td><td>') + '</td></tr>');
        }
        if (typeof algaeTable == 'undefined') {
            //algae
            algaeTable = $(".algae_table").dataTable({
                "sPaginationType": "full_numbers",
                "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                "bDestroy": true,
                "aaSorting": [[0, "desc"]],

                "aoColumns": [
                                                            { "sTitle": "Sample_Date" },
                                                            { "sTitle": "Algal_Toxin_Microcystin" },
                                                            { "sTitle": "Recreational_Guideline_20" },
                                                            { "sTitle": "Blue_Green_Algae_Cells" },
                                                             { "sTitle": "Recreational_Guideline" }
                                                    ]
            });
        } else {
            //algaeTable.fnDestroy();  
            $(".algae_table > tbody").empty();
            algaeTable.fnDraw();
            //$('.algae_table').find("tr:gt(0)").remove();
        }


    },
    error: function () {
        alert("Data is not available for this location at the present time, please check back at a later time. Thank you.");
    }
});
}