Estoy tratando de mostrar un mapa AQUÍ en las pestañas de Bootstrap con este ejemplo simple: https://developer.here.com/documentation/maps/3.1.30.3/dev_guide/topics/map-controls-ui.html
El problema es que el mapa no aparecerá en la carga de la página hasta que se cambie el tamaño de la ventana. Tan pronto como cambio el tamaño de la ventana, el mapa aparece de inmediato. O si muevo el mapa fuera de las pestañas, funciona bien. Ya he intentado forzar la activación de eventos de ventanas y documentos, pero no ayuda. Intenté retrasar - nada.
¿Qué más puedo hacer para mostrar el mapa en la pestaña al cargar la página?
¡Finalmente lo tengo! Pensé que necesitaba cargar el mapa en la ventana o en la carga del documento, eso puede ser cierto sin pestañas, pero con pestañas se trata del evento de pestaña que se muestra.bs.tab:
$('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) { if (lat > 0 && lng > 0) { loadMap({ lat: lat, lng: lng }); } });