Mapbox 使用地图盒分别为世界各国和英国各国绘制地图

我尝试用mapbox为世界上具有adm级别0的国家绘制一张地图，并在同一张地图上为具有adm级别1的英国国家绘制一张地图，以使英国的每个国家都不同。我是html新手，不知道如何在同一张卡片上编码。 以下是我代码的一部分：

***'''<script>
    mapboxgl.accessToken = 'pk....';
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/light-v10',
        center: [-2, 35],
        zoom: 1.2
    });

    // Data
    var data = [
        { 'code': 'DEU', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Allemagne', urlfr : 'https://.../Allemagne/'},
        { 'code': 'AUT', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Autriche', urlfr : 'https://.../Autriche/'},
        { 'code': 'BEL', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Belgique', urlfr : 'https://.../Belgique/'},
        { 'code': 'MDA', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Moldavie', urlfr : 'https://.../Moldavie/'},
        { 'code': 'NLD', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Pays-Bas', urlfr : 'https://.../Pays-Bas/'},
        { 'code': 'KOR', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Corée du Nord', urlfr : 'https://.../Coree/'},
        { 'code': 'CAN', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Canada', urlfr : 'https://.../Canada/'},
        { 'code': 'USA', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Etats-Unis', urlfr : 'https://.../Etats-Unis-d-Amerique/'},
        { 'code': 'JPN', 'red': 250, 'green': 250, 'blue': 150, 'nom': 'Japon', urlfr : 'https://.../Japon/'},
    
        
        { 'code': 'GBR', 'red': 146, 'green': 194, 'blue': 139, 'nom': 'Royaume-Unis', urlfr : 'https://.../UK/'}
                
    ];


    map.on('load', function () {
        map.addSource('countries', {
            type: 'vector',
            url: 'mapbox://mapbox.country-boundaries-v1'
        });

        var matchExpression = ['match', ['get', 'iso_3166_1_alpha_3']];


        data.forEach(function (row) {
            var green = row['green'];
            var red = row['red'];
            var blue = row['blue'];

            matchExpression.push(row['code'], color);

        });

       
        matchExpression.push('rgba(0, 0, 0, 0)');

  
        map.addLayer(
            {
                'id': 'countries-join',
                'type': 'fill',
                'source': 'countries',
                'source-layer': 'country_boundaries',
                'paint': {
                    'fill-color': matchExpression
                }
            },
            'admin-1-boundary-bg'
        );***

***''
mapboxgl.accessToken='pk..'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/light-v10',
中心：[-235]，
缩放：1.2
});
//资料
风险值数据=[
{'code'：'DEU'，'red'：146，'green'：194，'blue'：139，'nom'：'Allemagne'，urlfr:'https://.../Allemagne/'},
{'code'：'AUT'，'red'：146，'green'：194，'blue'：139，'nom'：'Autriche'，urlfr:'https://.../Autriche/'},
{'code'：'BEL'，'red'：146，'green'：194，'blue'：139，'nom'：'Belgique'，urlfr:'https://.../Belgique/'},
{'code'：'MDA'，'red'：146，'green'：194，'blue'：139，'nom'：'Moldavie'，urlfr:'https://.../Moldavie/'},
{'code'：'NLD'，'red'：146，'green'：194，'blue'：139，'nom'：'Pays Bas'，urlfr:'https://.../Pays-Bas/'},
{'code'：'KOR'，'red'：146，'green'：194，'blue'：139，'nom'：'core du Nord'，urlfr:'https://.../Coree/'},
{'code'：'CAN'，'red'：146，'green'：194，'blue'：139，'nom'：'Canada'，urlfr:'https://.../Canada/'},
{'code'：'USA'，'red'：146，'green'：194，'blue'：139，'nom'：'Etats Unis'，urlfr:'https://.../Etats-Unis-d-Amerique/'},
{'code'：'JPN'，'red'：250，'green'：250，'blue'：150，'nom'：'Japon'，urlfr:'https://.../Japon/'},
{'code'：'GBR'，'red'：146，'green'：194，'blue'：139，'nom'：'Royaume Unis'，urlfr:'https://.../UK/'}
];
map.on（'load'，function（）{
map.addSource（'国家'{
键入：“向量”，
网址：'mapbox://mapbox.country-boundaries-v1'
});
var matchExpression=['match'，['get'，'iso_3166_1_alpha_3']；
data.forEach（函数（行）{
绿色变量=行[“绿色”]；
var red=行['red']；
var blue=行['blue']；
matchExpression.push（行['code']，颜色）；
});
matchExpression.push（'rgba（0,0,0,0'）；
map.addLayer(
{
'id'：'countries join'，
“类型”：“填充”，
'来源'：'国家'，
“源层”：“国家/地区边界”，
“油漆”：{
“填充颜色”：匹配表达式
}
},
“admin-1-boundary-bg”
);***