지도가 간단한 사이드 바 부트 스트랩에 나타나지 않습니다.

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