angulargoogle-mapsgoogle-api-javascript-clientagm

Google Maps JavaScript API error: ApiNotActivatedMapError altough Google Maps JavaScript API is enabled

I want to display a simple Google Maps on my Website. I followed several tutorials and they always tell me the same: Generate API KEY, Enable the Google Maps API and type in this code... First it loads correctly with the latitude/longitude I want (the city Stuttgart), but after 1 second the maps switches to an error display and the console says: Google Maps JavaScript API error: ApiNotActivatedMapError:

enter image description here

After 1 second:

enter image description here

When I google the error, I always end up with suggestions to enable the Maps JavaScript API, for example: ApiNotActivatedMapError for simple html page using google-places-api

But when I look it up in my Google Cloud Console, the Maps JavaScript API is enabled:

Maps JavaScript API is enabled

and:

Maps JS API is enabled

Solution

  • I solved it by creating a completely new project in the google maps console and repeating the steps of enabling the Maps JavaScript API and then generating the API Key. Then it worked.