Plugin Author
Stiofan
(@stiofansisland)
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
Thread Starter
datsla
(@datsla)
yes the key is valid but it’s not loading in the script..
Plugin Author
Stiofan
(@stiofansisland)
Google says that its not…
The key being used is (this is not a secret thing)
AIzaSyArrsAe6zOBSyplf-f2A2zLPAy_c7zrk0E
Is this correct?
Stiofan
Thread Starter
datsla
(@datsla)
no the correct API ends in 85QqmVqI
thats the one that i entered into the google api plugin but its not taking
Plugin Author
Stiofan
(@stiofansisland)
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
Thread Starter
datsla
(@datsla)
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>
<script src=”/js/infobubble-compiled.js”></script>
<script src=”/js/map.js”></script>
Plugin Author
Stiofan
(@stiofansisland)
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
Thread Starter
datsla
(@datsla)
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>
<script src=”/js/infobubble-compiled.js”></script>
<script src=”/js/map.js”></script>
Plugin Author
Stiofan
(@stiofansisland)
There should be a & after the key and not a ;
Stiofan
Thread Starter
datsla
(@datsla)
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>
Plugin Author
Stiofan
(@stiofansisland)
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
Thread Starter
datsla
(@datsla)
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.
