Javascript 使用Mabox gl js填充多边形的颜色

我对多边形类型的几何体进行了分析。每个多边形只有一个特性名称（名称是国家名称）。每个多边形代表一个国家

现在，我想根据name属性的值，使用不同的颜色绘制每个多边形，但这无法正常工作

看到这个了吗

---

代码中的每一项都是完美的，唯一遗漏的是

type:'categorical'

在填充颜色中，您需要指定类型

签出此项以了解更多详细信息运行下面的代码段以查看演示

mapboxgl.accessToken='pk.eyj1ijoic2f1cmfiahailcjhijoi2l6owrwm2jlmdaxztj3b2zwejazhpdsj9.nc4cedWhereg2wukabbw'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v9',
中间：[-1.41,6.32]，
缩放：5
});
map.on（'load'，function（）{
map.addLayer({
“id”：“缅因州”，
“类型”：“填充”，
“布局”：{}，
“油漆”：{
“填充颜色”：{
属性：“名称”，
类型：'分类'，
停止：[
[阿尔巴尼亚]，#F2F12D']，
[‘阿尔及利亚’，‘7A4900’]，
[Australia'，#63FFAC']，
[“南非”、“#4FC601”]，
[“韩国”、“#3B5DFF”]，
]
},
“填充不透明度”：0.8
},
“来源”：{
“类型”：“向量”，
“url”：”mapbox://saurabhp.countries_tileset'
},
“源层”：“国家”，
});
});

身体{
保证金：0；
填充：0；
}
#地图{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
}

map.on('load', function () {
    map.addLayer({
        'id': 'maine',
        'type': 'fill',
        'layout': {},
        'paint': {
            'fill-color': {
              property: 'name',
                stops: [
                    ['Albania', '#F2F12D'],
                    ['Algeria', '#7A4900'],
                    ['Australia', '#63FFAC'],
                    ["South Africa", "#4FC601"],
                    ["South Korea", "#3B5DFF"],
                ]
            },
            'fill-opacity': 0.8
        },
        'source': {
            'type': 'vector',
            'url': 'mapbox://saurabhp.countries_tileset'
        },
       "source-layer": "countries",
    });
});