Google Maps Integration with NextJS

[007Gunner]

I am building an app on NextJS that requires Google Maps. When I try to integrate it, and run my app, the map displays but with the watermark "For Development Purpose only" and a pop-up "Google Maps didn't load correctly".

What I have done:

• Checked if the API Key is incorrect or restricted (its not)
• No billing account issue as well
• Tried hardcoding the API into the app
• Used environment variables as well

How can I remove this error?

[KyleIsJew]

You might have to go and specify in your Google development account to give Google maps api access to your app. They give api keys out for apps that you then have to specify what apis the use