Google Maps shows “For development purposes only”

Question

Google Maps show the message \"For development purposes only\" when I try to show it in my webpage:

How could I make this message go away?

My code i

Answer 1

For me, Error has been fixed when activated Billing in google console. (I got 1-year developer trial)

Answer 2

Watermarked with “for development purposes only” is returned when any of the following is true:

1. The request is missing an API key.
2. Billing has not been enabled on your account.
3. The provided billing method is invalid (for example an expired credit card).
4. A self-imposed daily limit has been exceeded.

Answer 3

Now google maps is free for development only.

If you want to use map free like earlier, then create an account with valid details (billing, payment, etc.) google gives $200 MONTHLY CREDIT Which is EQUIVALENT To FREE USAGE

For more details please see Googles new price details: google map new pricing

Also see the old price details: Old one

Answer 4

For my purposes I ended up using an alternative https://www.openstreetmap.org/ .

Answer 5

If your mapTypeId is SATELLITE or HYBRID

well, it is just a watermark, you can hide it if you change the <div> that has z-index=100 I use

setInterval(function(){
    $("*").each(function() {
        if ($(this).css("zIndex") == 100) {
            $(this).css("zIndex", "-100");
        }
    })}
, 10);

or you can use

map.addListener('idle', function(e) {
    //same function
}

but it is not as responsive as setInterval