Could you make sure you have added our google maps API key in Salient Options Panel > General Settings > Css/Script Related area. Once you have added in the API key for google maps it will load.
Strange enough - everything was working fine when the website was in the development environment. After I transferred the website using the Duplicator plugin - the map started to show an error. I've set up the API key in Salient > General Settings and even restricted the API key as Google suggested - the map still doesn't show...
I have proceeded to follow steps as requested but still no luck, I have also used a third party plugin using the same API key which loaded the map without any problems. I have opted to use the iframe code provided by google for the time being until I can spend sometime looking in to this.
Hi,
I am currently in the process of building a page on my website and need to add a google map, however the map will not display.
Kind regards
Hi there,
Could you make sure you have added our google maps API key in Salient Options Panel > General Settings > Css/Script Related area. Once you have added in the API key for google maps it will load.
To generate an API key - please see the official documentation for more information.
Cheers.
Hi Andrew,
Thanks for your speedy reply, entered API key but now have a different error on the map?
Kind regards
Hi there,
Google did some changes to how maps works and you need to allow access to domains to use the key.
You basically need to allow the URL where the map is to load the map using you key.
That is - https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Could you follow those instructions for the RefererNotAllowedMapError section.
Hope this helps.
Hi there, I have the same problem.
Strange enough - everything was working fine when the website was in the development environment. After I transferred the website using the Duplicator plugin - the map started to show an error. I've set up the API key in Salient > General Settings and even restricted the API key as Google suggested - the map still doesn't show...
Any thoughts?
I have proceeded to follow steps as requested but still no luck, I have also used a third party plugin using the same API key which loaded the map without any problems. I have opted to use the iframe code provided by google for the time being until I can spend sometime looking in to this.
Hi there,
Could you try and use the google map element with the correct settings and then view the page on incognito tab to avoid browser cache.
If that does not work then let us know about it we escalate this to the developers to take a closer look.
Thanks.
@Andrew, I did this and got the same error.
Hey Again,
I can see the Map correctly on my end : http://prntscr.com/kglkoo
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team