how to work around with fusion table styles limited to 5 <p>I have a fusion table. I use the following javascript code to toggle 2 styles.</p> <pre><code>fusionTableLayer.setOptions({ styles: styles1 }); fusionTableLayer.setOptions({ styles: styles2 }); </code></pre> <p>Problem is my style2 has more than 7 styles. But because of the limitation of fusiontable, the 6th and 7th styles doesn't work. How can work around this?</p> <pre><code>stylesIMD = [{ where: 'myVar &lt;= 5', polygonOptions: { fillColor: '#27FF24', } }, { where: 'myVar &gt; 5 AND myVar &lt;= 10', polygonOptions: { fillColor: '#7BFB1E', } }, { where: 'myVar &gt; 10 AND myVar &lt;= 20', polygonOptions: { fillColor: '#D1F71A', } }, { where: 'myVar &gt; 20 AND myVar &lt;= 30', polygonOptions: { fillColor: '#F4C015', } }, { where: 'myVar &gt; 30 AND myVar &lt;= 40', polygonOptions: { fillColor: '#F06110', } }, { where: 'myVar &gt; 40 AND myVar &lt;= 50', polygonOptions: { fillColor: '#ED0B15', } }, { where: 'myVar &gt; 50', polygonOptions: { // fillColor: '#5C0517', strokeWeight: strokeWeight } }]; </code></pre>