Estoy tratando de escribir una aplicación, que usa Google Maps a través de Maps Javascript API, que observa continuamente la ubicación geográfica. La aplicación utiliza la función initMap() que carga el mapa de Google.
Dentro initMap() Llamé a una función para inicializar un intervalo que llama a getCurrentPostion que luego actualiza el marcador (geoLocation) en el mapa cada 12 segundos.

Ahora, quiero llamar a bottomUpModal cuando hice clic en el marcador.

Mi problema es que bottomUpModal (que es un div que normalmente no se muestra en las pantallas) no aparece.

Estoy llamando al bottomUpModal con los siguientes códigos:

 marker.addListener( "click", () => { loadBottomUpModal( marker.getLabel() ) });

que está dentro de otra función llamada addMarker() .

Cuando llamo a bottomUpModal desde initMap, aparece en la pantalla, pero cuando se llama desde funciones que están muy dentro de otras funciones, no aparece.

Puedo ver desde el console log( "modal called" ) dentro de loadBottomUpModal( ) que la función se ha ejecutado, pero no se muestra ningún modal.

Alguien me puede apuntar en la dirección correcta.