Google карта не отображается в тимелист

Question

Я пытаюсь загрузить карту Google на странице тимелист:

<div class="col-md-6">
    <script th:inline="javascript">
        var map;
        function initMap() {
          console.log('initMap');
          map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: -34.397, lng: 150.644},
              zoom: 8
         });
       }
    </script>
    <script th:inline="javascript" async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=apiKey&callBack=initMap"></script>              
    <div id="map" style="width:200px; height: 200px; margin-left: auto; margin-right: auto"></div>
 </div>

Примечание: html - это фрагмент листа тимьяна.

Консоль Webdeveloper не показывает никаких ошибок. Вывод консоли в методе обратного вызова также не печатается.

Что я могу сделать, где может быть проблема?

Answer 1

Проблема решена:

1. В callBack есть орфографическая проблема, ее нужно назвать «обратным вызовом» (в нижнем регистре)
2. «карта» контейнера должна быть помещена перед initMapfuntion.

Теперь это работает.