Tengo un .html de un mapa de mapbox que debería mostrarse en una página en un sitio de wix. Quiero cambiar la visibilidad de algunas capas y seguí algunos tutoriales, pero recibo este mensaje de error que no muestra dónde está el error:

TypeError: Cannot read properties of undefined (reading 'getElementById').

Aquí está mi código hasta ahora, ¡espero que alguien pueda ayudarme!

 import mapboxgl from 'mapbox-gl'; var isMatch = new Boolean ([true]); $w.onReady(function () { mapboxgl.accessToken = 'pk.eyJ1Ijoiam9hb3BlZHJvdmdhIiwiYSI6ImNreGtqMHZxZTJwcTIzMHB6Y2lnMm00czkifQ.auBfiQMlyayVxRlHCPuPkQ'; const map = new mapboxgl.Map ({ container: 'Basic', style: 'mapbox://styles/joaopedrovga/ckxkj2aon1xh314me52nin8w8' }); $w('#au').onClick((event) =>{ if(isMatch) { $w('#img').hide(); map.setLayoutProperty('water', 'visibility', 'none'); isMatch = false; } else{ $w('#img').show(); map.setLayoutProperty('water', 'visibility', 'visible'); isMatch = true; } }); });