地图有时无法加载-initMap不是函数

Question

我在网页上使用Google Maps API。有时，地图可以正常运行，但有时却无法正常运行。当地图不起作用时，我得到的错误是 “ initMap不是函数” * 。

<div id="map">
</div>
<script>
        window.initMap = function(){
            var map = new google.maps.Map(document.getElementById('map'), {
                center: new google.maps.LatLng(47.037596, 8.303537), 
                zoom: 13,
            });
        }
</script>

我在结束body标签之前加载了地图脚本。这些脚本是从Wordpress functions.php中加载的。

<script type="text/javascript" async="" defer="" src="//maps.googleapis.com/maps/api/js?key=XXXXXXXXX&amp;libraries=places&amp;callback=initMap"></script>

该主题的现有帖子对我无济于事。我还尝试了不延迟和异步，仅延迟。成功。我还将整个init.Map函数放入jQuery document.ready中。

Answer 1

您发布的代码可以正常工作（在地图容器上设置了有效的API密钥和高度）。

_M_range_initialize()

#map {
  height: 180px;
}