Tagged: Google API Key
- February 7, 2019 at 11:15 am #207261
Do you have any advice for how to update the Google Maps in the Classic Template please?
At the moment there is an error that states “This page can’t load Google Maps correctly.” and the image shows ‘for development purposes only’.
I’ve found the maps.js file and edited the latitude and longitude however this doesn’t seem to have made a difference.
In a previous post you stated I need a Google API key – which I now have – however I don’t understand where this needs to be placed? / How this needs to be used… Do you have any further information please?
JaneFebruary 7, 2019 at 12:59 pm #207268
I hope you are doing well today.
The Google API key can be added to the script using this guide from Google:
SupportFebruary 8, 2019 at 11:10 am #207393
Many thanks for coming back to me so quickly and providing the URL.
I understand I need to add this script from Google (changing the YOUR_API_KEY):
However I’m not sure where to place it within the files of the Classic Template – are you able to guide me please?
ThanksFebruary 8, 2019 at 1:36 pm #207409
Please go to index.html then look for a line that starts with “script async defer src” near the bottom and replace the api key in that code with yours.
You are just replacing the api key there with yours.
This guide will have more information if needed.
CheersFebruary 11, 2019 at 11:34 am #207793
I’m struggling to get the map to display the local map details. I’ve noticed that the code you have entered is different to the one that Google provides:
This is what Google suggests to add:
https://www.google.com/maps/embed/v1/search ?key=YOUR_API_KEY &q=record+stores+in+Seattle
When I enter this (with my API code) it just displays blanks space – no map.
Your code appears to be different:
Do you know how I can get Google’s code to work please to embed the map?
Any help you can offer would be appreciated,
ThanksFebruary 11, 2019 at 12:46 pm #207802
I see, please try entering your API key to our code. So add the API code to this by replacing “YOUR_API_KEY”:
Let me know how that works.
SupportFebruary 11, 2019 at 3:18 pm #207819
Thanks – Yes I did try that initially and it displays a map of the world – however I need to then add parameters to show the specific address I want. It looks like I need to amend the JS file somehow, however I’m unsure how to do this?
With the embedded map I tried adding the parameters that Google suggest:
‘&q’ with the URL-escaped address
How would I amend the JS script to include these please?
https://www.google.com/maps/embed/v1/place ?key=YOUR_API_KEY &q=Eiffel+Tower,Paris+France
Many thanksFebruary 12, 2019 at 12:09 pm #207902
SupportFebruary 16, 2019 at 6:50 pm #208498
Ok thank you – the link you provided doesn’t appear to work?February 18, 2019 at 6:33 am #208611
Talking is about https://studio.envato.com/
there are several examples on how to integrate a map in your template,
you can even use embed method to show map without Api key, but this also will need to changes, get in touch with me if you need customization, (Mail in bio)
You must be logged in to reply to this topic.