fusion table style with multiple styles - google-fusion-tables

Question

I'm trying to apply multiple styles to a Google Fusion Table Layer.
This works and colors all polygons that are in an array to the blue color:
layer = new google.maps.FusionTablesLayer({
map : map,
query : {
select : "geometry",
from : "1gwSN6n_00uZ7YuAP7g4FiUiilybqDRlRmWJrpvA"
},
styles: [{
polygonOptions:
{
fillColor: "#ffffff",
strokeColor: "#bcbcbc",
fillOpacity: ".75"
}
},
{
where: whereClause,
polygonOptions: {
fillColor: "#0D58A6"
}
}
]
});
layer.setMap(map);
But this doesn't work -- no polygons even appear on my map:
layer = new google.maps.FusionTablesLayer({
map : map,
query : {
select : "geometry",
from : "1gwSN6n_00uZ7YuAP7g4FiUiilybqDRlRmWJrpvA"
},
styles: [{
polygonOptions:
{
fillColor: "#ffffff",
strokeColor: "#bcbcbc",
fillOpacity: ".75"
}
},
{
where: whereClause,
polygonOptions: {
fillColor: "#0D58A6"
}
}
,
{
where: whereClause,
polygonOptions: {
fillColor: "#ff0000"
}
}
]
});
layer.setMap(map);
Never mind that I'm coloring the same thing one color and then another--I just want the second style to work. When I take out the second style, all is fine. I put in the second style--and no polygons any more.
Can someone tell me what I'm doing wrong, please?

Answer 1

This may very well be an error (the exact same where clause with two different styles):
{
where: whereClause,
polygonOptions: {
fillColor: "#0D58A6"
}
}
,
{
where: whereClause,
polygonOptions: {
fillColor: "#ff0000"
}
}
I would expect the where clause to have to be unique.
UPDATE:
My current guess is that you are running into a query limit on the size of the data sent back to the server.
Each of the whereClauses works independently
If this is the issue (the query string is too big), mapping the "COUSUBFP" codes to something shorter (3 decimal digits or two hex digits), might make it work (or for that matter, just truncating the leading "0's").
03320 -> 0
03608 -> 1
etc.