Google Map Embed not working

Hi. Have you heard of Google map embed not working without an API?
I have a client who is getting an error when they embed the code. Saying he needs an API. But I was able to embed just fine on a test page.

Or do you recommend a WP plugin to embed a map on a website?

Cheers!
Barb

 

Your client can try an iframe. For example, a map of New York, NY:

https://jsfiddle.net/b1vnw6Ld/

<style>
.maps{position:relative;margin-right:auto;margin-left:auto;padding-bottom:55%;border:1px solid #c6c6c6;overflow:hidden}
.map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
</style>

<div class="map">
<iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=New York NY&amp;sll=&amp;sspn=&amp;ie=UTF8&amp;hq=New York NY&amp;hnear=New York NY&amp;cid=&amp;ll=&amp;spn=&amp;z=16&amp;iwloc=&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>

Code (markup):

 

Is that from the embed code from Google? That's what he used.

 

Yes, this code is from Google. I wonder if the code he used was broken.

 

This guide will help you how to set up Google Maps without API Key. Google Maps has changed their policy: https://developers.google.com/maps/documentation/javascript/usage-and-billing.
https://developers.google.com/maps/documentation/embed/get-started

I hope this may help you to fix your issue.

 

I thought that an API Key wasn't needed?

In any case, the client had trouble setting it up when he tried.

 

There can be several causes for this. But one that has caught me a few times, is inconsistent protocol usage (http | https). For example, if your main page is using https, but your iframe is using http, it won't show up.

But then, how do you know ahead of time, what protocol the user will using? You don't and it, actually, doesn't matter. Just begin your iframe URL without a protocol indicator, like so