У меня есть несколько наложений изображений, которые я загружаю на карту при загрузке карты. Я хотел бы оставить их невидимыми или отключить до более позднего времени. Моя кнопка включения наложений изображений работает нормально с помощью атрибута «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,
}
})
});