谷歌地图API v3&融合层:多边形不透明度

Google Maps API v3 & fusion layers: polygon opacity

本文关键字：多边形 不透明度 融合 API v3 amp 谷歌地图      更新时间：2023-09-26

我正试图通过api v3将多边形的Fusion Layer导入谷歌地图。地图和融合层通过得很好，但fillOpacity和fillColour在保存融合表或通过地图api:后没有生效

    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%，但我尝试过改变颜色（如上所述），但没有任何乐趣。

有什么提示吗？

非常感谢

您使用的是"旧"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);

当前语法为：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);

（正如您所发现的）

似乎答案就在我面前——代码稍微改变了一下，它很有魅力：

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