css - 谷歌地图 GeoJson 样式

Question

我正在尝试为每个多边形设置样式，尤其是填充颜色。
我知道我可以这样做:

map.data.loadGeoJson('http://localhost:8080/my.json');
map.data.setStyle({    
   fillColor: 'red'
});

但我想分别在多边形上设置填充颜色。我尝试设置以下 this answer on GIS Stack ，但它不起作用:

{
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "properties": {                
            },
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                  [
                    [
                      -80.4545,
                      43.5061
                    ]
                ]
              ]
            },
            "style":{
                "fill":"red",
                "stroke-weight": "1",
                "stroke-width":"3",
                "fill-opacity":"0.6"
            }
        }
    ]
}

我希望可以在单个多边形而不是整个数据上设置样式。

Answer 1

事实证明，可以使用 function 指定样式:

// Color Capital letters blue, and lower case letters red.
// Capital letters are represented in ascii by values less than 91
map.data.setStyle(function(feature) {
    var ascii = feature.getProperty('ascii');
    var color = ascii > 91 ? 'red' : 'blue';
    return {
      fillColor: color,
      strokeWeight: 1
    };
});