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 is like that:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
  function initialize() {  
    var myLatlng = new google.maps.LatLng(50.5792659,8.6744471);
    var centerMap = new google.maps.LatLng(50.5792659,8.6744471);
    var div = document.getElementById('map');
  }
</script>

Then later I have

<p>
  <a
    href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z"
    target="_blank"
  >Route berechnen</a>
</p>

I don't see where this message originates from.

I know this questions is already answered, but In case you didn't know, there is a tool called Google Maps Platform API Checker for Google Chrome that lets you debug your Google Maps integration -> https://chrome.google.com/webstore/detail/google-maps-platform-api/mlikepnkghhlnkgeejmlkfeheihlehne — Dayron Gallardo, Sep 06 '18 at 15:56
who needs temporarily, there is an extension: https://chrome.google.com/webstore/detail/remove-for-development-pu/iggdebapgficoedcjkfoncfkepipbpce — T.Todua, Oct 01 '20 at 18:23
What happens if I use this "for dev. purposes only".map for a released final project? has it a usage limit? will I get banned? has someone test it? — hieudev develo, Mar 09 '21 at 01:12

Victoria Ruiz · Accepted Answer · 2018-10-02T19:56:02.503

213

Google Maps is no longer free. You have to associate a credit card so that you can get billed if your site has requests that exceed the $200 credit they give you monthly for free. That is why you get the watermarked maps.

For more information, see: https://cloud.google.com/maps-platform/pricing/

Update: A common problem with the new billing system is that you now have to activate each API separately. They all have different pricing (some are even free), so Google makes a point of having you enable them individually for your domain. I was never a heavy user of Google Maps, but I get the feeling that there are many more APIs now than there used to be.

So if you're still getting a restricted usage message after you've enabled billing, find out what API you need exactly for the features you want to offer, and check if it's enabled. The API settings are annoyingly hard to find.

Go to this link: https://console.developers.google.com/apis/dashboard.
Then you select your project in the dropdown.
Go to library on the left pane.
Browse the available APIs and enable the one you need.

edited Oct 02 '18 at 19:56

answered Jun 21 '18 at 21:58

Victoria Ruiz

4,563
3
21
37

2

Pricing on map loads `-->` https://developers.google.com/maps/documentation/embed/usage-and-billing#embed – Ylama Aug 07 '18 at 10:59
thanks a lot, you save my day. And for FYI, for the first time linking your account with google, you will get free 300$. – majorl3oat Aug 16 '18 at 09:01
1

Does this take a couple days to go into effect? I did this a couple days ago, but still receiving the message on my maps. Even click around and made sure I accepted every agreement..... I see where the traffic is coming into it on the dashboard – DigitalMystery Sep 14 '18 at 15:33
No, it doesn't usually take long. My experience is minutes. But you may need to enable different APIs for things to work. What error message are you getting, @DigitalMystery? – Victoria Ruiz Sep 14 '18 at 16:38
It is on my mobile app. At first its the popup "This page can't load Google Maps correctly." Click OK and the map shows the above message. I am using my key as well..... @VictoriaRuiz – DigitalMystery Sep 14 '18 at 17:35
Sorry, I don't know much about mobile apps. You should probably open a new question with information about your app, what features of the Maps API you're using, and how you set it all up. – Victoria Ruiz Sep 14 '18 at 18:30
@DigitalMystery and Ramprasath Selvam, have a look at my update. You probably need to enable more APIs to get things to work again. – Victoria Ruiz Oct 02 '18 at 19:56

score 44 · Answer 2 · edited Aug 16 '18 at 10:39

44

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

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

edited Aug 16 '18 at 10:39

fedorqui 'SO stop harming'

228,878
81
465
523

answered Aug 09 '18 at 07:13

Rushikesh Pandit

585
3
10

score 32 · Answer 3 · answered Jul 16 '18 at 20:02

32

As Victoria wrote, Google Maps is no longer free, but you can switch your map provider. You may be interested in OpenStreetMap, there is an easy way to use it on your site described here: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Unfortunately, on the OpenStreetMap, there is no easy way to provide directions from one point to another, there is also no street view.

answered Jul 16 '18 at 20:02

Paweł Dulak

391
2
2

How to do this using Angular 6? – Kalyanam Rajashree Sep 05 '18 at 13:25
1

i added the open street map from that link to a jsfiddle: https://jsfiddle.net/nLj1uaqc/ – Andrew Nov 12 '18 at 18:51

score 9 · Answer 4 · answered Dec 01 '18 at 19:01

9

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

answered Dec 01 '18 at 19:01

Daniel Sokolowski

10,545
3
61
49

score 8 · Answer 5 · answered Sep 17 '18 at 19:43

As recommended in a comment, I used the "Google Maps Platform API Checker" Chrome add-in to identify and resolve the issue.

Essentially, this add-in directed me to here where I was able to sign in to Google and create a free API key.

Afterwards, I updated my JavaScript and it immediately resolved this issue.

Old JavaScript: ...script src="https://maps.googleapis.com/maps/api/js?v=3" ...

Updated Javascript:...script src="https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY******&v=3" ...

The add-in then validated the JS API call. Hope this helps someone resolve the issue quickly!

score 3 · Answer 6 · edited Sep 26 '18 at 03:46

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

edited Sep 26 '18 at 03:46

Andrew Serff

1,987
4
19
31

answered Aug 28 '18 at 06:27

Srikrushna

2,652
30
37

Hi , can you let me know , In how many visits the 200$ free credit might get exhausted , any idea ? – Sandesh Tayde Apr 16 '21 at 08:19

score 2 · Answer 7 · edited Nov 13 '19 at 10:57

2

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

edited Nov 13 '19 at 10:57

Carson

1,762
1
10
23

answered Sep 26 '18 at 12:44

blesafho

21
2

what do you mean by "responsive" ? – Artem Bernatskyi Sep 26 '18 at 13:13
faster, but not more efficient – blesafho Sep 27 '18 at 07:55
If these methods worked once, they do not still appear to. They look like they trigger infinite loops as google just flip-flops what you've done. – Nosajimiki Oct 01 '18 at 14:36
1

This method won't work as Google uses a different set of images, with watermark put directly on the map tile, for example: https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i11!2i1196!3i595!4i256!2m3!1e0!2sm!3i498211946!2m3!1e2!6m1!3e5!3m17!2sen-GB!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcC5zOi02MHxwLmw6LTYw!4e0!5m1!5f2&key=AIzaSyBxXp52WUwr4ED6G9k6q8B4yRS3A7CuqJo&token=41780 – syntagma Jan 25 '20 at 20:33

score 2 · Answer 8 · answered Dec 30 '20 at 09:31

2

try this code it doesn't show “For development purposes only”

<iframe src="http://maps.google.com/maps?q=25.3076008,51.4803216&z=16&output=embed" height="450" width="600"></iframe>

answered Dec 30 '20 at 09:31

mahmud

231
2
6

score 1 · Answer 9 · answered Sep 09 '18 at 08:01

If you want a free simple location map showing a single marked location, for your website, Then

Go to AddMap.
Here you can fill details to fully customize your map like location details, sizing and formatting of map.
Finally to add google map api key, Generate it using this method.

Let me know If this would help..

score 1 · Answer 10 · answered Apr 29 '20 at 18:40

1

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

answered Apr 29 '20 at 18:40

Dilanka Fernando

41
3

1

Same for me. I did not get any warning email. I had already provided the credit card details, but for some reason Google demanded that I "upgraded" my account now after one year. After I clicked the upgrade button, the problem was resolved. – Dave Nov 19 '20 at 17:30

score 0 · Answer 11 · answered Aug 23 '18 at 12:52

It seems to me that when it displays the "For development purposes only", one cannot see the map configurations as well while developing(or rather playing around with the configurations). In my case I have not enabled billing to be associated with the API I am using and I am thinking that's the reason why its behaving this way.

score -6 · Answer 12 · edited Sep 19 '18 at 09:24

-6

You can't use iframe tag in HTML, here's what you can do:
* just go into google maps point out your location
* click on "Share"
* go to "Embed a map"
* copy the HTML code
* paste it in your HTML page
* adjust height and width according to your requirement
* run it

This might work

edited Sep 19 '18 at 09:24

Dominique

8,687
9
28
67

answered Sep 19 '18 at 08:04

vijey

1

Google Maps shows "For development purposes only"

12 Answers12

If your mapTypeId is `SATELLITE` or `HYBRID`

Linked

Related

Google Maps shows "For development purposes only"

12 Answers12

If your mapTypeId is SATELLITE or HYBRID

Linked

Related

If your mapTypeId is `SATELLITE` or `HYBRID`