ApiNotActivatedMapError for simple html page using google-places-api

Question

I'm trying to create a simple html page (I'd later like to add an autocomplete input there) that include google-places-api. I have an api-key (which is enabled) but I still get an error message.

Here is my html-

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"></script>
    <title>test</title>
</head>
<body>
</body>

but I get this error message-

and in the console I get - Google Maps API error: Google Maps API error: ApiNotActivatedMapError

I can't understand what the problem is.. Appreciate anybody's help

**2018**: Click enable [here](https://console.cloud.google.com/marketplace/details/google/maps-backend.googleapis.com?filter=category:maps&id=fd73ab50-9916-4cde-a0f6-dc8be0a0d425). — Илья Зеленько, Sep 21 '18 at 07:47
@ИльяЗеленько TIL Google JavaScript Map API !== Google Maps Embed API — Robert Dundon, Nov 05 '19 at 19:37

Adi · Answer 1 · 2020-02-18T11:57:21.747

348

To enable Api do this

Go to API Manager
Click on Overview
Search for Google Maps JavaScript API(Under Google Maps APIs). Click on that
You will find Enable button there. Click to enable API.

OR You can try this url: Maps JavaScript API

Hope this will solve the problem of enabling API.

edited Feb 18 '20 at 11:57

answered Jun 27 '16 at 14:14

Adi

4,766
3
20
22

as mentioned by the op and as is my case i have both javascript api and distance matrix apis enabled already and still getting that error – bia.migueis Feb 15 '17 at 07:33
Where is the API Manager? I don't find those options? Could you send a URL? – João Pimentel Ferreira Sep 19 '17 at 17:14
2

Check this: https://console.cloud.google.com/apis/library?project=windy-furnace-180806&q=Google%20Maps%20JavaScript%20API – Adi Sep 23 '17 at 06:45
For this to work, I had to enable the APIs, and *then* create the key. Make sure you don't do it the other way around. – Jo. Sep 27 '17 at 23:11
For me it is saying you don't have permission to enable it. What I have to do now? – sathish kumar Jan 29 '18 at 12:05
2

For places API you should also enable Maps JavaScript API. – Ahmed Jehanzaib May 22 '18 at 07:03
1

Those who can not find, type "Maps JavaScript API" in search box – atul May 23 '19 at 13:26
But I dont need Google Maps javascript API, just need Places API! Not using any maps, just autocomplete field. If Places API required another to be enabled, shouldnt that come with it automatically? – trainoasis Aug 06 '19 at 08:34
2020: It says I dont have permission to "enable". Now what to do? – Deepak Keynes Mar 08 '20 at 02:48
This API project is not authorized to use this API. Places API error: ApiNotActivatedMapError – Deepak Keynes Mar 08 '20 at 06:24
Works Fine. Cheers :) – Abhijit Mondal Abhi Aug 06 '20 at 17:56
Thank you for the direct link. For some reason I get a blank page if I try to access the API by navigating through interface. I did change the project name at the end of the URL though. – Kane Shynin Sep 04 '22 at 10:04

score 106 · Answer 2 · edited Aug 21 '19 at 21:27

106

Assuming you already have a application created under google developer console, Follow the below steps

Go to the following link https://console.cloud.google.com/apis/dashboard? you will be getting the below page
Click on ENABLE APIS AND SERVICES you will be directed to following page
Select the desired option - in this case "Maps JavaScript API"
Click ENABLE button as below,

Note: Please use a server to load the html file

edited Aug 21 '19 at 21:27

codfish555

96
1
15

answered Jul 04 '18 at 10:58

Aravind

40,391
16
91
110

2

It says "You dont have permission to to this". How to "enable" it? – Deepak Keynes Mar 08 '20 at 02:49
This API project is not authorized to use this API. Places API error: ApiNotActivatedMapError – Deepak Keynes Mar 08 '20 at 06:24
I'm facing the same permission issue, what next, I know I cannot trick Google by enabling through inspect element like I would most insecure sites. what else can I do? – Precious Tom Mar 17 '20 at 16:09
@PreciousTom I didn't get you – Aravind Mar 17 '20 at 17:24
@PreciousTom I was having same issue and that was because I was outside of the project. You have to select the project from the dropdown and then you'll be able to enable the key – Michael Ashefor Mar 24 '20 at 16:39
Thanks ❤ @Aravind – Muhammad Mabrouk Nov 12 '20 at 22:21
I am getting billing error `You must enable Billing on the Google Cloud Project` . How can I use it for free ? – NoobCoder Jul 23 '21 at 12:09
@NoobCoder - I used this one for free – Aravind Jul 23 '21 at 14:20
@Aravind Did you provide your card details ? If yes, then it is still free or some amount deducted ? – NoobCoder Jul 25 '21 at 15:19
@NoobCoder no I didn't give my card information. may be it's a new release that they had it expects card details – Aravind Jul 27 '21 at 16:42

score 29 · Answer 3 · answered Jan 27 '17 at 15:56

29

as of Jan 2017, unfortunately @Adi's answer, while it seems like it should work, does not. (Google's API key process is buggy)

you'll need to click "get a key" from this link: https://developers.google.com/maps/documentation/javascript/get-api-key

also I strongly recommend you don't ever choose "secure key" until you are ready to switch to production. I did http referrer restrictions on a key and afterwards was unable to get it working with localhost, even after disabling security for the key. I had to create a new key for it to work again.

answered Jan 27 '17 at 15:56

JasonS

7,443
5
41
61

3

the get key from this 1 link finally created a working key for me. ty. all the other links i clicked to get key would get me the same non working one :S – bia.migueis Feb 15 '17 at 07:39
1

@bia.migueis I affirm (Apr 2018). Tried getting a new key several times and all gave ApiNotActivatedMapError. This link worked (although I thought I'd been there before, so maybe one has to just keep trying, not sure) – puddleglum Apr 18 '18 at 14:55
1

Just giving me thumbs up on this method. I screwed around in the API console for about an hour before trying this and it worked in a matter of seconds. Google needs to get their s**t together. – Chris Jun 18 '18 at 04:38
@JasonS This bug is still around as on 2022. I had to go to key & make some dummy changes & update it again to make it work with newly added API. – Dhrumil Bhankhar Feb 04 '22 at 05:02

score 18 · Answer 4 · answered Mar 01 '16 at 00:26

18

Have you tried following the advice on the linked help page? The help page at http://g.co/mapsJSApiErrors says:

ApiNotActivatedMapError

The Google Maps JavaScript API is not activated on your API project. You may need to enable the Google Maps JavaScript API under APIs in the Google Developers Console.

See Obtaining an API key.

So check that the key you are using has Google Maps JavaScript API enabled.

answered Mar 01 '16 at 00:26

spiv

2,458
1
16
20

2

But I dont need Google Maps Javascript API, just need Places API! Not using any maps, just autocomplete field. If Places API required another to be enabled, shouldnt that come with it automatically? – trainoasis Aug 06 '19 at 08:35

score 7 · Answer 5 · edited May 02 '16 at 18:40

7

I had the same error. To fix the error:

Open the console menu Gallery Menu and select API Manager.
On the left, click Credentials and then click New Credentials.
Click Create Credentials.
Click API KEY.
Click Navigator Key (there are more options; It depends on when consumed).

You must use this new API Navigator Key, generated by the system.

edited May 02 '16 at 18:40

Peter David Carter

2,548
8
25
44

answered May 02 '16 at 17:39

TigerSpirt

161
1
12

Is 'consumed' a typo? If so, what did you mean to write? – Peter David Carter May 02 '16 at 18:43
@TigerSpirt I am facing same problem. i have tried to generate new API Key but do not find "Navigator Key". Friends please help me. – Adi Jun 27 '16 at 13:50

score 0 · Answer 6 · answered Jul 15 '21 at 08:55

Use Google Maps API https://developers.google.com/maps/gmp-get-started#enable-api-sdk to use the places library,click on Create Credentials tab on Google Cloud Console, and create the api key for the Maps JavaScript API. Sample Code below:

    <input type="text" id="txtFullAddress" />

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<Your-API-Key>&libraries=places"></script>
    <script type="text/javascript">  
        google.maps.event.addDomListener(window, 'load', function () {
            var inputAddressField = document.getElementById("txtFullAddress");
            var places = new google.maps.places.Autocomplete(inputAddressField);
            google.maps.event.addListener(places, 'place_changed', function () {
                var place = places.getPlace();
                var address = place.formatted_address;
                var latitude = place.geometry.location.lat();
                var longitude = place.geometry.location.lng();
                var mesg = "Address: " + address;
                mesg += "\nLatitude: " + latitude;
                mesg += "\nLongitude: " + longitude;
                alert(mesg);
            });
        });
    </script>

ApiNotActivatedMapError for simple html page using google-places-api

6 Answers6

Linked

Related