Google Map error: InvalidKeyOrUnauthorizedURLMapError

Question

I am developing in JavaScript/HTML/CSS an app that uses Google Maps. I am getting the following alert dialog box:

\"This page was unable to display a Google Maps ele

Answer 1

First you need to go to https://console.developers.google.com/ and select APIs.

In Google Maps APIs select Google Maps JavaScript API and make sure you enable API for Google Maps JavaScript.

Secondly, you need to create an API key:

1. Go to Credentials
2. Create new key and select Browser Key
3. No need to specify any referrers

So you should see Any referrer allowed after you save.