javascript - 谷歌地图未显示在页面中

Question

已经有我的 id="ieatmaps" 来调用 googlemaps.js。 但有些它没有被显示。 也许我做错了什么。

      function initMap() {
        var map = new google.maps.Map(document.getElementById('ieatmaps'), {
          center: {lat: 40.674, lng: -73.945},
          zoom: 12,
          styles: [
]

        });
      }

.ieatmaps {
    border:0;
    height: 100%;
    width: 200px;
}

<section id="map">
  <div id="ieatmaps"></div>
      <script src="js/googlemaps.js"></script>
      <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB-aH4ym18aYYe86IiamWV88X-JrVhFLt8&callback=initMap"
      async defer></script>
</section>

Answer 1

#ieatmaps 不是一个类

function initMap() {
        var map = new google.maps.Map(document.getElementById('ieatmaps'), {
          center: {lat: 40.674, lng: -73.945},
          zoom: 12,
          styles: [
]

        });
      }

#ieatmaps {
    height: 200px;
    width: 200px;
    border:1px solid #000;
}

<section id="map">
  <div id="ieatmaps"></div>
      <script src="https://maps.googleapis.com/maps/api/js?sensor=false&key=AIzaSyB-aH4ym18aYYe86IiamWV88X-JrVhFLt8&callback=initMap"
      async defer></script>
</section>