添加透明后，mapbox 中的 setPaintProperty() 将变为空白

Question

我正在将 mapbox gl 集成到我的项目中。我想将水彩添加为透明，以便背景与我的网站背景相匹配。但它似乎没有成功。当我将背景颜色设置为透明时，地图将以基色变为空白。这是代码：

mapboxgl.accessToken = '<my access token>';
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/<my username>/ckqkr515l1axc18qvy59x80fo',
    center: [28.88, 6.33],
    zoom: 1,
    attributionControl: false
    })
map.on('load', function () {
    map.setPaintProperty('water', 'fill-color', 'transparent');
})

我还附上代码笔 link 以供参考。提前致谢！！

Answer 1

您的样式有一个覆盖整个世界的 background 图层。你可以像这样让它透明：

map.setPaintProperty('land','background-color','transparent')

https://codepen.io/stevebennett/pen/abWOVZx

对于这种特殊的样式，没有办法使水透明而土地不透明，因为没有“只是土地”的形状。