Even if you keep trying, you can't use Google Maps. The phrase "REQUEST_DENIED - API keys with referrer restrictions can not be used with this API" keeps coming out. Even though I modified Google Maps according to the phrase, I still can't.
I don't understand the screenshot where you set up the Google API keys.
What I can tell you is that in Toolset settings (your other screenshot) you can add two different API keys.
The first API key is used for client side requests (which may be exposed) and so you would want to include URL referrer restrictions, e.g. to only accept requests from hidden link.
Such restrictions can sometimes create problems when displaying maps, in which case you can add a second API key. These are used only for server-server requests and so are not exposed, and should not include referrer URL restrictions. If your server has a fixed IP address you could include IP restrictions for that API key, but I would first test an unrestricted key to verify that it works.
In that last screenshot there are two fields to enter API keys and the first one is empty.
The first one is required (it is the one used for browser requests, for which you may want to include URL referrer restrictions), the second one is optional but recommended and should be a different API key (for server-server requests) and must not have any URL referrer restrictions.
I'm not sure how the "Google API seems to be configured properly" message is displayed, because you are missing the first API key, which is required.
Do you mean that the first and second keys should be different? How can Google generate different keys if it has to be different? Do I have to make another project?
I created a different Google Maps project and put different keys in the first and second fields, and they look like screenshots. It still says, "Google API seats to be configured fairly." Is this a success? Map styles still say "You need to set a valid API key"...
To confirm, you can make multiple API keys with Google.
In the first field you should add an API key that uses URL referrer restrictions (so that it can only be used on your site and not someone else's).
In the second field you can optionally add a second API key that must not include any URL referrer restrictions. You would normally do this only if you experience some problems when including just the first API key.
The map styles section shouldn't be displaying the message "You need to set a valid API key".
Do you experience any other problems? Have you tried to use address fields with your posts or tried to display maps with markers? Does that work correctly?
I put the address in the address field in the post and tested it, but it is not possible.
"I'm sorry. There's been a problem. Google Maps did not load properly. Check out the JavaScript console for detailed technical information," only the warning text appears where the map should appear.
