Как обернуть карту TomTom в контейнер начальной загрузки

Question

Итак, я отобразил карту TomTom в контейнер начальной загрузки, как показано ниже, и все, кажется, работает нормально, как показано здесь

HTML

<div class="container">
<div id="map"></div>
</div>

Javascript код

   var map = tomtom.L.map('map', {
                  key: '<my key>',
                  basePath: 'tomtom',
                  source: 'raster',
                  center: KenyaCoordinates,
                  zoom: 6.4,
    });

Проблема в том, что когда вы взаимодействуете с отрендеренной картой, она каким-то образом изменяет размеры, переопределяет все другие элементы и покрывает весь экран, как показано на этом другом изображении.