Odd fusion table map embedding – all red areas

Question

I'm developing a fusion table map with filled areas. On the Google Fusion Table web app it works properly ( link ). But when I try to embed it, all the areas come out to be all red ( link ).

Why is this happening? I've tried to open the site from another computer - but same issue.

Thanks,

Elisa

Answer 1

I solved by rolling back to the Classic Look. Please, team, check what is going on with the new look.

Answer 2

This thread in the Fusion Tables Users Group (and the thread referenced in it) is probably applicable. There are now multiple styles available in the "new" look, if you don't reference the correct one, you won't get the style you configured.

You may need to set the style id appropriately. This query sets the style id to 2:

var layer = new google.maps.FusionTablesLayer({ 
  query: { 
    select: locationColumn, 
    from: tableId 
  }, 
  styleId: 2, 
  map: map 
}); 

This is described in the Fusion Tables Documentation