"This page can't load Google Maps correctly" about hugo-elate-theme

[tsauvajon]

Google added a limit to the API usage.
https://cloud.google.com/maps-platform/pricing/sheet/

While we previously had unlimited Google maps queries (I think), it's now heavily limited.

Since the default key is probably used by hundreds if not thousands of websites, you might want to get your own Google maps API key: https://developers.google.com/maps/documentation/javascript/get-api-key.

Please note that enabling billing with Google is required, as far as I know (even though it will never cost you anything unless you explicitly agree to it).

Once you've got your new API key, open layouts/partials/js.html, find the line where the default key is: "https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false", and replace it with your own key, as following:
"https://maps.googleapis.com/maps/api/js?key=[YOUR_KEY]&sensor=false".

Be sure to restrict how the key can be used to avoid anyone else from using it ! You can do that in the Console: add both referrers (in my case, my website is published at https://thomas.sauvajon.tech so I added that as a referrer: only requests coming from this website will work), and what API can be used with this key (once again in my case, only JavaScript API).

[raklein]

Great, thanks for the clear explanation. Fixed on my end, maybe just needs a little note in the readme.