地图没有显示在简单的边栏引导

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