Karte wird nicht in einfachen Seitenleiste Bootstrap

Question

Ich benutze einfache Sidebar Bootstrap, aber aus irgendeinem Grund wird die Karte nicht angezeigt. Ich dachte, nur <div id="map"></div> in den Inhalt der Seite setzen ist genug, aber die Karte wird nicht angezeigt. Habe ich etwas verpasst? Vielen Dank! Hier ist mein Code:

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!' 
     }); 
    };