Google maps 无法在google maps上加载多个fusion表层

Google maps 无法在google maps上加载多个fusion表层,google-maps,treeview,google-fusion-tables,radtreeview,Google Maps,Treeview,Google Fusion Tables,Radtreeview,我使用fusion表在google地图上加载多个FusionTableLayer。但今天我突然发现我无法在谷歌地图api中一次加载超过5个fusiontablelayer js代码是 <script type="text/javascript" id="telerikClientEvents1"> var layers = []; var map,jsg; var layerName, ctr = 0; jsg = ne

我使用fusion表在google地图上加载多个FusionTableLayer。但今天我突然发现我无法在谷歌地图api中一次加载超过5个fusiontablelayer

js代码是

<script type="text/javascript" id="telerikClientEvents1">
        var layers = [];
        var map,jsg;
        var layerName, ctr = 0;
        jsg = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1jWdnG9b_mQP03PowydJufDpztjWo0AIipDpTjSU'
            }, suppressInfoWindows: true
        });

        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(21.807007904182043, 83.90197012695307),
                zoom: 10,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);

            // District Layer           
            jsg.setMap(map);

            google.maps.event.addListener(layers[2], 'click', show_info);
            google.maps.event.addListener(layers[3], 'click', show_info);
            google.maps.event.addListener(layers[4], 'click', show_info);

        } // End of INITIALIZE

        layers[1] = "";
        layers[2] = "";
        // Block Layer
        layers[2] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1oZafm0cmC9L5FQVHuqLHNxcH3Pw1D_rJFEGnzK0'
            }, suppressInfoWindows: true
        });
        // Gp Layer
        layers[3] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1NCtxMDVIcfDZc8bLiTT0nkVBSqwpv3mhsRJS8UM'
            }, suppressInfoWindows: true
        });
        // Village Layer
        layers[4] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '15erGSkOpR8L9HsxK25Ps4IfusUjN6996nwtC_qc'
            }, suppressInfoWindows: true
        });
        layers[6] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1RxuDmSZLf5tfcpp0SDWb_50a0dAH1ePFCggby0U',
                where: 'PROJ_TYPE = \'Micro Irrigation\''
            }, suppressInfoWindows: true
        });
        layers[7] = "";
        layers[8] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1RxuDmSZLf5tfcpp0SDWb_50a0dAH1ePFCggby0U',
                where: 'PROJ_TYPE = \'Water Conservation/Harvesting\''
            }, suppressInfoWindows: true
        });
        layers[9] = "";
        layers[10] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1RxuDmSZLf5tfcpp0SDWb_50a0dAH1ePFCggby0U',
                where: 'PROJ_TYPE = \'Renovation of Traditional Waterbodies\''
            }, suppressInfoWindows: true
        });
        layers[11] = ""
        layers[12] = new google.maps.FusionTablesLayer({
            query: {
                select: '\'geometry\'',
                from: '1RxuDmSZLf5tfcpp0SDWb_50a0dAH1ePFCggby0U',
                where: 'PROJ_TYPE = \'Construction of Building\''
            }, suppressInfoWindows: true
        });

        //<![CDATA[
        //Information Window Shown in DIV

        function show_info(layerEvt) {
            //document.getElementById('show_info_details').innerHTML = layerEvt.infoWindowHtml;
            $("#show_info_details").html(layerEvt.infoWindowHtml);
            if (ctr == 0) {
                $(".panel").show("slow");
                $(".trigger").toggleClass("active");
                ctr = 1;
            }

        }
        // Checking and unchecking the treeview checked boxes in map
        function RadTreeView1_NodeChecked(sender, args) {
            var node = args.get_node();
            var childNodes = node.get_nodes();

            if (childNodes.get_count() > 0) {
                for (var i = 0; i < childNodes.get_count(); i++) {
                    var childNode = childNodes.getNode(i);
                    childNode.select();
                    if (childNode.get_checked()) {
                        alert("checked called");
                        layers[childNode.get_value()].setMap(map);
                    }
                    else {
                        alert("Entering");
                        if (layers[childNode.get_value()] != "") {
                            alert("Unchecked called");
                            layers[childNode.get_value()].setMap(null);
                        }

                    }

                }
            }
            //checking for node checked
            else {
                if (node.get_checked()) {
                    layers[node.get_value()].setMap(map);
                }

                else {
                    layers[node.get_value()].setMap(null);
                }
            }
        }
        //]]>
    </script>

var层=[];
var-map,jsg;
var layerName,ctr=0;
jsg=new google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
发件人:“1jWdnG9b_mQP03PowydJufDpztjWo0AIipDpTjSU”
},suppressInfoWindows:true
});
函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(21.807007904182043,83.90197012695307),
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“map_canvas”),
地图选项);
//区域层
jsg.setMap(map);
google.maps.event.addListener(层[2],“单击”,显示信息);
google.maps.event.addListener(层[3],“点击”,显示信息);
google.maps.event.addListener(层[4],“点击”,显示信息);
}//初始化结束
层[1]=“”;
层[2]=“”;
//块层
层[2]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
发件人:“1oZafm0cmC9L5FQVHuqLHNxcH3Pw1D_rJFEGnzK0”
},suppressInfoWindows:true
});
//Gp层
layers[3]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
发件人:“1NCTXMDVICFDZC8BLIT0NKVBSQWPV3MHSRJS8UM”
},suppressInfoWindows:true
});
//村级
layers[4]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
发件人:“15erGSkOpR8L9HsxK25Ps4IfusUjN6996nwtC_qc”
},suppressInfoWindows:true
});
layers[6]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
from:'1RxuDmSZLf5tfcpp0SDWb_50A0DAH1EFCGGBY0U',
其中:'项目类型=\'微灌'
},suppressInfoWindows:true
});
层[7]=“”;
layers[8]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
from:'1RxuDmSZLf5tfcpp0SDWb_50A0DAH1EFCGGBY0U',
其中:'项目类型=\'节水/收获\'
},suppressInfoWindows:true
});
层[9]=“”;
layers[10]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
from:'1RxuDmSZLf5tfcpp0SDWb_50A0DAH1EFCGGBY0U',
其中:'项目类型=\'传统水体改造\'
},suppressInfoWindows:true
});
层[11]=“”
layers[12]=新的google.maps.FusionTablesLayer({
查询:{
选择:“\'geometry\”,
from:'1RxuDmSZLf5tfcpp0SDWb_50A0DAH1EFCGGBY0U',
其中:“项目类型=”建筑施工“
},suppressInfoWindows:true
});
// 0) {
对于(var i=0;i
树视图代码是

<asp:Panel ID="Panel1" runat="server" Height="410px">
                <telerik:RadTreeView ID="RadTreeView1" Runat="server" CheckBoxes="True" CheckChildNodes="True" 
                    ShowLineImages="False" Skin="Transparent" TriStateCheckBoxes="False" 
                    onclientnodechecked="RadTreeView1_NodeChecked">
                    <Nodes>
                        <telerik:RadTreeNode runat="server" Text="Administartive Boundaries">
                            <Nodes>
                                <telerik:RadTreeNode runat="server" Text="District" Value="1" Checkable="False">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Block" Value="2">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="GP" Value="3">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Village" Value="4">
                                </telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeNode>
                        <telerik:RadTreeNode runat="server" Text="Schemes">
                            <Nodes>
                                <telerik:RadTreeNode runat="server" Text="Micro Irrigation" Value="6">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Flood Control" Value="7" Checkable="False">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Water Conservation/Harvesting" Value="8">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Drought ?" Value="9" Checkable="False">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Renovation of Traditional Waterbodies" Value="10" >
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="nOTHING" Value="11" Checkable="false" >
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Construction of Building" Value="12" >
                                </telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeView>
            </asp:Panel>

限制

您可以使用Maps API向地图添加多达五个Fusion Tables图层,其中一个图层最多可以使用五个样式设置规则进行样式设置。”


是否有其他方法加载多个FusionTableLayer?我不知道。但我相信,只要你的几何体使用相同的列名,你就可以将点、线、多边形都放在一个表中。多谢你,将多个表合并到一个表中是唯一的选择。:-@Eric Bridger感谢你