javascript - Mapbox GL JS - 在需要时将图像叠加加载为隐藏状态

Question

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

这是我正在使用的基本代码片段，请注意“visibility:none”在加载时不起作用。

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是一个布局属性，因此您需要像这样使用它:

“布局”:{“可见性”:“无”}