javascript - Google map API v3 和融合层 : polygon opacity

Question

我正在尝试通过 api v3 将多边形融合层导入谷歌地图。 map 和融合层运行良好，但保存融合表或通过 map api 后，fillOpacity 和 fillColour 未生效:

    var fusionTableId = "1Rd2LBEusHQsjsMAVsgYm_E_4OlpqgSb07ojJRL3O";
    fusionLayer = new google.maps.FusionTablesLayer(fusionTableId,{
        suppressInfoWindows: true,
        map: map,
        styles: [{
            polygonOptions: {
                fillColor: "#00FF00",
                fillOpacity: 0.3
            }
        }]
    });
    fusionLayer.setMap(map);

多边形以默认的红色显示，并且我似乎无法进行任何更改组合来更改颜色。

理想情况下，我只想将不透明度调低至 1%，但我尝试过更改颜色(如上所述)，但没有任何乐趣。

有什么提示/技巧吗？

非常感谢

Answer 1

您正在使用“旧”FusionTablesLayer 语法FusionTablesLayer(FusionTableId, options:FusionTablesLayerOptions)

var fusionTableId = "1Rd2LBEusHQsjsMAVsgYm_E_4OlpqgSb07ojJRL3O";
fusionLayer = new google.maps.FusionTablesLayer(fusionTableId,{
    suppressInfoWindows: true,
    map: map,
    styles: [{
        polygonOptions: {
            fillColor: "#00FF00",
            fillOpacity: 0.3
        }
    }]
});
fusionLayer.setMap(map);

current syntax是: FusionTablesLayer(options:FusionTablesLayerOptions) (支持您尝试使用的动态样式)将是:

var fusionTableId = "1Rd2LBEusHQsjsMAVsgYm_E_4OlpqgSb07ojJRL3O";
fusionLayer = new google.maps.FusionTablesLayer({
    suppressInfoWindows: true,
    map: map,
    query: {
      from: fusionTableId,
      select: "geometry"
    },
    styles: [{
        polygonOptions: {
            fillColor: "#00FF00",
            fillOpacity: 0.3
        }
    }]
});
fusionLayer.setMap(map);

(正如您所发现的)