谷歌地图在1秒后消失

Question

我正在尝试实施Google Maps API

<div id="mapContainer">
    <div id="map"></div>
</div>

#mapContainer {
  height: 300px;
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5%;
  margin-top: 2.5%;
}

#map {
  height: 100%;
}

这是初始化（取自Google的API网站）：

<script>
  var map;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });
  }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=***&callback=initMap" sync defer></script>

问题在于：当页面加载时，地图会显示1秒钟然后消失。不仅如此，而是从页面中删除整个<div id="map"></div> DOM元素（使用Dev Tools检查）并抛出js?key=***&callback=initMap:35 Google Maps API error: ApiNotActivatedMapError错误。我该如何解决这个问题？

**密钥是故意散列的。