Leaflet Mapbox studio-png标签层-透明度显示为黑色

我在mapbox studio中创建了一些自定义样式。它们基本上只是mapbox outdoors样式和mabpox satellite样式，每种样式都是自定义的，分为两种样式：完全没有标签的底图，只有没有底图的标签。我想让用户能够打开和关闭图层，或者设置透明度。您可以在此处看到图层：

在mapbox studio中，瓷砖在没有道路/标签/等的地方显示透明度。这是我所期望的。然后我在传单中使用这些层，如下所示：

var mapBoxOutdoorsLabels=L.tileLayer(
'https://api.mapbox.com/styles/v1/slutske22/ck87tp2fq0rq41iqox69g4ko5/tiles/256/{z} /{x}/{y}@2x？access_token={accessToken}'，
{accessToken，maxZoom:18，窗格：“标签”}）
.addTo（地图1）
var mapBoxSatelliteLabels=L.tileLayer(
'https://api.mapbox.com/styles/v1/slutske22/ck8i7fv4h0h771ipc6mwzwmp4/tiles/256/{z} /{x}/{y}@2x？access_token={accessToken}'，
{accessToken，maxZoom:18，窗格：“标签”}）
.addTo（地图2）

据我所知，我导入这两个层的方式是相同的。但由于某些原因，我的户外标签层显示正确（背景为透明），而我的卫星标签层显示为全黑色背景，您无法看到底图。右边的地图就是问题所在：

我不确定我在mapbox studio或我的传单导入中做错了什么，因为要用黑色而不是透明生成瓷砖。至少据我所知，我绘制这两张地图的方式是相同的。有什么想法吗

---

感谢阅读。

标签贴图框样式中的背景层不是透明的

这是一个代码笔，带有你的风格副本，背景是固定的

---

我所做的：

从样式的URL中删除

/tiles/{x}/{y}/{z}/

部分，并在浏览器中运行该部分，将从mapbox返回json。 在那里，我看到您的背景层颜色缺少alpha通道值

"layers": [
        {
            "id": "background",
            "type": "background",
            "layout": {
                "visibility": "none"
            },
            "paint": {
                "background-color": "hsl(222, 56%, 4%)" <= SHOULD BE (222, 56%, 4%, 0)
            },

“层”：[
{
“id”：“背景”，
“类型”：“背景”，
“布局”：{
“可见性”：“无”
},
“油漆”：{
“背景色”：“hsl（222,56%，4%）”