[SOLUCIONADO] Trabajando con Google Maps API y demás

[diegoguerrero]

¡Hola!

Tengo la intención de incrustar un mapa dinámico (Google Map API Javascript, o algo así) en un modal de Bootstrap. Anteriormente el centro se me iba hacia arriba y a la izquierda y con un poco de css que dejo abajo se quedó centrado. El problema es que este CSS me elimina la animación fade de salida. ¿Cómo la recupero?

Aprovecho y pregunto también cómo consigo que el mapa de Google Maps se inicialice solamente cuando abro el modal, porque el centro que utilice depende de unos campos, por lo que quiero que solo se inicialice cuando se pulsa un botón.

¡Muchísimas gracias!

Código CSS:

div#VerMapaConCoordenadasModal.modal.fade.in{ visibility: visible; display: none; }
          div#VerMapaConCoordenadasModal.modal.fade{ display: block; visibility: hidden; }