ApiNotActivatedMapError for simple html page using google-places-api
Google MapsGoogle Places-ApiGoogle PlacesGoogle Maps Problem Overview
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>
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
Google Maps Solutions
Solution 1 - Google Maps
To enable Api do this
- Go to
API Manager
- Click on
Overview
- Search for
Google Maps JavaScript API
(UnderGoogle 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.
Solution 2 - Google Maps
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
Solution 3 - Google Maps
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.
Solution 4 - Google Maps
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.
Solution 5 - Google Maps
I had the same error. To fix the error:
- Open the console menu
Gallery Menu
and selectAPI Manager
. - On the left, click
Credentials
and then clickNew 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.
Solution 6 - Google Maps
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>