谷歌地圖不顯示HTML（JavaScript）的

Question

不知道爲什麼谷歌地圖無法顯示

HTML代碼

<div id="map"style="width:400px;height:600px;"></div> 
     <script> 
      function initMap() { 
       var location = {lat: 1.275699, lng: 103.845802}; 
       var map = new goole.maps.Map(document.getElementByID("map"), { 
        zoom: 5 
        center: location 
       var marker = new google.maps.Marker({position:myCenter}); 
       marker.setMap(map); 
       }); 
      } 
     </script> 

      <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwXow-YSSaavXynAkBF1TkpAPKijAC-Qk&callback=initMap"></script> 

我還沒有添加的地圖任何CCS代碼。

Answer 1

有在你的代碼的語法錯誤我已經改正了他們ref

<div id="map" style="width:400px;height:600px;"></div> 
 
<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=AIzaSyCwXow-YSSaavXynAkBF1TkpAPKijAC-Qk&callback=initMap" async defer></script>