谷歌地图未显示在百里香

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. 容器div“地图”必须放在initMap函数之前。

现在可以了。