title: Google Maps Api shows grey map
body: <p>I'm trying to integrate Google Maps Javascript API in my wordpress website.</p>
  
  <p>I created an API key, and I added a pure html code block in my page. </p>
  
  <p>Before it worked perfectly, but now it only show a grey piece. When I zoom out and drag the map around, the following picture is visible:</p>
  
  <p><a href="https://i.stack.imgur.com/k4oBC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k4oBC.jpg" alt="enter image description here"></a></p>
  
  <p>This is my code in the html block:</p>
  
  <pre><code>&lt;div id="googlemaps"&gt;&lt;/div&gt;
  &lt;script&gt;
      var map;
      function initMap() {
          map = new google.maps.Map(document.getElementById('googlemaps'), {
              center: {lat: 51.341667, lng: 4.21444},
              zoom: 8
           });
      }
  &lt;/script&gt;
  &lt;script src="https://maps.googleapis.com/maps/api/js?key=YOUR-API-KEY&amp;callback=initMap"
  async defer&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And YES, I replaced YOUR-API-KEY with my API key in my code (this is just so others won't use the generated code).</p>
  
  <p>I don't know what is wrong with the map. I do not have errors in my webconsole.</p>
  
  <p>Thanks in advance!</p>