Mapbox GL JS - 在需要之前将图像覆盖加载为隐藏

Question

地图加载时，我在地图上加载了多个图像叠加层。我想让它们不可见，或者直到以后再关闭。通过使用“可见性：可见”属性，我打开图像叠加层的按钮可以正常工作，但我似乎无法弄清楚如何在页面加载时将它们设置为不可见。理想情况下，我希望加载所有源图像，但全部不可见。

这是我正在使用的基本代码的 sn-p，请注意“可见性：无”在加载时不起作用。

topleftmapbox.on('load', function() {
topleftmapbox.addSource("source_KEWX_REFLECTIVITY_SWEEP0_4", {
"type": "image",
"url": "KEWX_REFLECTIVITY_SWEEP0_4.gif",
"coordinates": [
[-101.089551, 30.478839], 
[-99.048840, 30.478839], 
[-99.048840, 28.929093],  
[-101.089551, 28.929093] 
]
})



topleftmapbox.addLayer({
"id": "ID_KEWX_REFLECTIVITY_SWEEP0_4",
"source": "source_KEWX_REFLECTIVITY_SWEEP0_4","type": "raster",
"visibility:none",
"paint": {
"raster-opacity": 0.99,

}
})
});

Answer 1

visibility 是一个布局属性，所以你需要像这样使用它：

"layout": {"visibility": "none"}