thriveweb/yellowcake

Google map api?

Closed this issue · 2 comments

Where to put google map api key?

Found it in src/components/googlemaps.js:

let mapkey = ''
if (process.env.NETLIFY_MAP_KEY) {
  mapkey = process.env.NETLIFY_MAP_KEY
}

So you have to set it via ENV-Variable on Netlify.

@thrivedevteam BTW. no clean solution to implement. For example if you use Gitlab, there isn't an NETLIFY_MAP_KEY Enviroment-Variable.
I even would prefer to put an input-field in Global Settings for this... AND
...use https://leafletjs.com/ (see here) instead of google-maps.
Because leafletjs is totally free to use, while with Goggle-maps you can run in surprising charges, if you use more then the monthly free tier ($200) of google!

This is a feature within Netlify environment variables.
These are accessible during your build. This allows you to change behaviors based on deploy parameters or to include information you don't want to save in your repository, such as API keys.
https://docs.netlify.com/configure-builds/environment-variables/

https://leafletjs.com/ looks good make a pull request @xstable and we will review it :)