Question

我正在处理演示代码

<html>
<head>
<style>
  #map {
    height: 400px;
    width: 100%;
   }
  </style>
</head>
<body>
<h3>My Google Maps Demo</h3>
<div id="map"></div>
  <script src="js/index.js"></script>


<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC7CfuQy1peyVRH0y2ejWQfXVq3_JMi1xE&callback=initMap">
   </script>
   </body>
   </html>

和js文件

    function initMap() {
alert("Inside initMap");
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }

如果我要删除（来自html文件）

     <style>
        #map {
        height: 400px;
        width: 100%;
        }
      </style>

然后地图未显示但控制台中的错误即将到来（图片中）任何身体都可以告诉我风格或CSS如何影响这一点（带样式标签）

谷歌地图没有显示没有CSS部分

0 个答案: