javascript - 样式未应用于 Google Fusion Table Layer

Question

我有一种方法可以查询状态边界的公共(public) Fusion 表之一。我想做的是用不同的颜色突出显示威斯康星州，并更改伊利诺伊州不同的填充水平。这是代码:

 layer = new google.maps.FusionTablesLayer(531237, {
         query: "select geometry from 531237 WHERE STATE_ABBR in (" + states + ") " ,
         styles: [                       
                    { where: "STATE_ABBR = 'WI'", polygonOptions: { fillColor: "#0000FF" } },
                    { where: "STATE_ABBR = 'IL'", polygonOptions: { fillOpacity: 1.0} }
                 ]
        });
layer.setMap(map);

当查询返回时，威斯康星州和伊利诺伊州仍然与所有其他州相同的突出显示颜色。我尝试的样式在语法上是否有问题？

Answer 1

你想要更像这样的东西:

layer = new google.maps.FusionTablesLayer({
   query: {
     select: 'geometry',
     from: '531237',
     where: "STATE_ABBR in (" + states + ") "
   },
   styles: [                       
     { where: "STATE_ABBR = 'WI'", polygonOptions: { fillColor: "#0000FF" } },
     { where: "STATE_ABBR = 'IL'", polygonOptions: { fillOpacity: 1.0} }
   ]
});