Google Maps API server rejected your request

[JohannesH]

Hej! I have included google maps in my wordpress blog post. I edit and view it using chrome, where it works fine. However, one of my friends just told me that if you visit it using http in Safari it does not work. (It seems the problem is there for Firefox also).

The Google Maps API server rejected your request. Requests to this API must be over SSL. Load the API with “https://” instead of “http://”.

The thing is, I have linked to them using https like this (redacted the long string to make it more readable here):

[googlemaps https://www.google.com/maps/embed?LONG_STRING_HERE_REMOVED&w=600&h=450 allowfullscreen]

Here is the webpage in question:
http://photo.johanneshjorth.se/no-woman-is-an-island/

One quick workaround might be to force https on all webpages on the blog, but I wonder if there is a better fix. Also curious that safari and firefox is affected but not Chrome.

Thanks for your time!

• This topic was modified 8 years, 10 months ago by Steven Stern (sterndata). Reason: edited title

[Radu]

Hello!

It’s not good to run your website on both HTTP and HTTPS for various reasons. You basically have a duplicate site now, so you have to redirect your website from the HTTP version to HTTPS. That will also fix that error as well, since the request to the API must be over HTTPS, not HTTP.

In order to do that, follow step 2 from this post: https://ww.wp.xz.cn/support/topic/header-picture-not-showing-on-facebook-via-url/#post-9361246

Create a full backup first.