title: Google Maps on site HTTP/HTTPS error
body: <p>I'm requesting Google Maps (latest API, <em>AFAIK</em>) on my site, but I'm getting an error in the console and some googl'n didn't do the trick. </p>
  
  <p>I'm requesting the maps via
  <code>&lt;iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBQ-4VHuS8q6AzOD5g0Cbjxx1OpB3fus1w&amp;q=Achterom+93,3311KB,Dordrecht+Nederland&amp;zoom=13"&gt;&lt;/iframe&gt;</code></p>
  
  <p>and the error is seen in the image below.
  Note: "Anonieme functie" means "Anonymous function" in regular English. 
  <img src="https://i.stack.imgur.com/k2ZzK.png" alt="Google Error"></p>
  
  <p>All I can think of which my cause the error is that my site runs on HTTP (non-SSL) and the maps can't run on HTTP and needs HTTPS -> HTTP vs HTTPS.</p>
  
  <p>I hope someone can help me solve this issue. Thanks!</p>
  
  <p><strong>Update</strong>: I've just noticed the problem only appears in Safari.</p>
  
  <p><a href="http://checkspot.nl/appendo/website" rel="nofollow noreferrer">Link to my site</a></p>