Google Maps

Thank you mensmaximus for the guidline.
That worked fine for me :-)

I had the same problem as Luke7263 with the developer site showing Google Map, but no map when the site was moved to client domain yesterday.

Hopefully ENFOLD will include a permanent solution.

This does not seem like a good solution. I just went to google maps and grabbed the embed code. Put that code into code box and that worked for now. If the widget doesn’t work then it should be removed.

Hi,

sorry for not exactly understanding, I’m a designer, not a programmer.
what does that mean “the issue is already fixed…”?
I’ve downloaded your theme today and google-maps isn’t working.
what do I have to do? hanging in the air here…

thanks,
Nautrino

Hi
? what to do with my client sites ?
should I use my (1) API key for all my client websites ?
or should I create one API key per client site?
thanks for quick response
Stefan

Hi there,

I followed the steps as pointed out here and just can’t get it working:
I am running the latest version of WP and Enfold.
I don’t have any caching plugins active.
I created the API key for maps as pointed out in the instruction posted by Yigit.
On the Google API side, all worked as expected, I got to that point with the pop up window with an API key, copied it and pasted it in the newly available field in Enfold settings.
When opening my contact page, where I am expecting to see the maps, I get the “Oops, something went wrong…” message and the Java Script console informs me:

Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error_.bb @ js?v=3.24&ver=1:32
https://www.googleapis.com/identitytoolkit/v3/relyingparty/getProjectConfig?key=AIzaSyAn056WjwL-bsbFzl8wlGNg5g_cuv7MfZc&cb=1470621386342
Failed to load resource: the server responded with a status of 403 ()

I very much appreciate your advice (Yigit, Mensmaximus, others…)
Here is the link to my website: http://tianmeng-academy.com/contact/
I can create a temporary Admin account on request.

Thanks for your experienced help!
Shaoxuming

EDIT: It works now! I think the problem was, that I had TWO maps on that page. I just removed one of them (which was inserted using the Google Map widget) and suddenly the other one (which was inserted by use of the layout builder>media element>Google Map) could be displayed. So, I can describe the problem as well as the solution, without actually understanding the technical issue behind it.

• This reply was modified 8 years, 3 months ago by shaoxuming.

javascript console still reports this error

site (test) is http://www.nicolastrumia.it (first widget in the socket area).

I already put my API Keys from Google.

js?v=3.24:32 Google Maps API error: MissingKeyMapError
Google Maps API warning: NoApiKeys

i did everything as said! horrible.

I have managed to get this to work on desktop using the method provided by mensmaximus but it looks like there needs to be another api key for each type of device.

Google API says:
“To use this API you need an API key. An API key identifies your project to check quotas and access. Go to the Credentials page to get an API key. You’ll need a key for each platform, such as Web, Android, and iOS. Learn more ”

How do I implement this fix for mobile and tablet not just web?

Cheers @mensmaximus!
Worked fine for me!! God bless you!