地图没有出现在简单的侧边栏引导程序中

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