地圖沒有顯示在簡單的邊欄引導

Question

我使用簡單的邊欄引導，但某些原因地圖沒有顯示出來。我認爲只要在頁面內容中放入<div id="map"></div>就足夠了，但是地圖沒有顯示出來。我錯過了什麼？謝謝！這裏是我的代碼：

https://codepen.io/william251082/pen/rGNPqr

Answer 1

Check your api key <script src="https://maps.googleapis.com/maps/api/js? 
    key=YOUR_API_KEY&callback=initMap"></script> 
---------------------- 
    window.initMap = function() { 
     var location = {lat: 51.47672559, lng: -3.17107379}; 
     var markerloc = {lat: 51.476852, lng: -3.167869}; 
     map = new google.maps.Map(document.getElementById('map'), { 
     center: location, 
     scrollwheel: false, 
     zoom: 17 
     }); 
     var marker = new google.maps.Marker({ 
     position: markerloc, 
     map: map, 
     title: 'Hello World!' 
     }); 
    };