Javascript 谷歌地图在1秒后消失

我正在尝试实现谷歌地图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%;
}

#地图容器{
高度：300px；
宽度：600px；
显示：块；
左边距：自动；
右边距：自动；
利润底部：2.5%；
利润率最高：2.5%；
}
#地图{
身高：100%；
}

以下是初始化（摘自谷歌API网站）：

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
}

问题是：当页面加载时，地图显示1秒，然后消失。不仅如此，整个

DOM元素都将从页面中删除（使用开发工具检查），并抛出

js？key=***&callback=initMap:35 Google Maps API错误：ApinoActivatedMaperor

错误。我怎样才能解决这个问题

---

**密钥是故意散列的。

请按照此处的说明正确创建它：您可能创建了错误类型的google项目。这可能是的副本。您似乎还没有完成密钥的激活。使用fiddle中的“我的密钥”尝试了您的代码，它工作正常。请按照此处的说明正确创建它：您可能创建了错误类型的google项目。这可能是的副本。您似乎还没有激活完密钥。用我的密钥在fiddle中尝试了您的代码，它可以正常工作

<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>