Open Street Map inside Ajax Generated Bootstrap Modal - Displays Empty Container

Hi There,
I've been trying to display the OSM Map inside an Ajax generated Bootstrap 5 Modal. The OSM map can be seen in the DOM but visually displays nothing (An empty Container? IE: No Marker and No map?).

My Map is located inside a PHP template like this:

     
$post = get_post($_POST['post_id']);                   
$args = [
         'width'        => '100%',
         'height'       => '480px',
         'zoom'         => 17,
         'marker'       => true,
         ];
rwmb_the_value( 'my_map', $args, $post->ID);

This template is then called inside an Ajax function that shows it inside a dynamically generated bootstrap 5 Modal. All other elements within this template are called and display correctly. What am I missing for the OSM?

FYI - What I see in the DOM:

<div class="rwmb-osm-canvas" data-osm_options="{'latitude':'51.5034927','longitude':'-0.12770540128799','width':'100%','height':'480px','marker':true,'marker_title':','info_window':','js_options':{'zoom':17},'zoom':17}" style="width:100%;height:480px"></div>

I look forward to your response 🙂