Google地图未显示在页面中

Question

已经让id="ieatmaps"拨打googlemaps.js。 但有些如何不显示。 也许我做错了什么。

＆＃13;

＆＃13;

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

        });
      }

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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>

Answer 2

使用＃代替。对于CSS中的ID。