地图加载时，我在地图上加载了多个图像叠加层。我想让它们不可见，或者在以后关闭。通过使用“ visibility：visible”属性，我打开图像叠加层的按钮可以正常工作，但我似乎无法弄清楚如何在页面加载时将其设置为不可见。理想情况下，我希望加载所有源图像，但所有图像都不可见。
这是我正在使用的基本代码的一小段，请注意，“ 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,
}
})
});