map error remains after API key installed

Hello,

The error i see on your site is

The API key included in the script element that loads the API is not found. Please make sure you are using a correct API key. You can generate a new API key in the Google Cloud Platform Console.

Please double-check the API key is valid.

Thanks,

Stiofan

yes the key is valid but it’s not loading in the script..

Google says that its not…
The key being used is (this is not a secret thing)
AIzaSyArrsAe6zOBSyplf-f2A2zLPAy_c7zrk0E
Is this correct?

Stiofan

no the correct API ends in 85QqmVqI
thats the one that i entered into the google api plugin but its not taking

OK, it may be that they are not adding the JS file the correct WordPress way.

Looking at the source code it looks like the JS file is actually added in the page content, what do you see when you try to edit that page, do you see the <scrip> tag under the HTML part of the editor?

Stiofan

this is whatI see:

<div data-role=”page” id=”map” data-title=”Queerstory”>
<div data-role=”ui-content” id=”map-canvas”>
<p class=”offline”>Could not connect to Google Maps. Are you sure you’re connected to the internet?</p>

</div>
</div>
<script src=”https://maps.googleapis.com/maps/api/js?libraries=geometry,places&key=AIzaSyArrsAe6zOBSyplf-f2A2zLPAy_c7zrk0E&sensor=true”></script&gt;
<script src=”/js/infobubble-compiled.js”></script>
<script src=”/js/map.js”></script>

ok great, the part in the <script> tag, it has the key entered directly, replace that with the new key and save.

So that url should look something like
https://maps.googleapis.com/maps/api/js?libraries=geometry,places&key=NEW-KEY-HERE&sensor=true

Let me know how u get on.

Stiofan

ok I replaced with the new key and saved but unfortunately got an ‘update failed’
here is how it looks with new key:

<script src=”https://maps.googleapis.com/maps/api/js?libraries=geometry,places&key=AIzaSyC4WnqGMOAJP-EYW5CoOmht2lg85QqmVqI;sensor=true”></script&gt;
<script src=”/js/infobubble-compiled.js”></script>
<script src=”/js/map.js”></script>

There should be a & after the key and not a ;

Stiofan

changed the ‘;’ to ‘&’ but getting the same error.. I notice thought ‘amp’ keeps appearing after the ‘&’ after I save the changes..

<script src=””https://maps.googleapis.com/maps/api/js?libraries=geometry,places&key=AIzaSyC4WnqGMOAJP-EYW5CoOmht2lg85QqmVqI&sensor=true””></script>
<script src=”/js/infobubble-compiled.js”></script>
<script src=””/js/map.js””></script>

Are you using the Gutenberg editor? If you you may need to use the “Custom HTML” block for all the content.

If you have any developer friends that you can give access to your site they would be able to resolve this in a few seconds, unfortunately, I have done as much as i can do from here.

I hope you get this resolved quickly! ??

Stiofan

I’m using the default ‘edit page’ editor in wordpress .. I don’t see a ‘custom html’ option.. only a css editor below the ‘editing code’ block.

Hi datsla,
it seems that I have a simular problem.

Here is my question in this forum.

In which file is the key written? I couldn’t find ist. Where do you edit it?
What is the path?

Would be helpfull to know.

Thank you.