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- <pre class="prettyprint"><code><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> </code></pre> but I get this error message- <img src="https://i.stack.imgur.com/n1gJw.png" alt="enter image description here"> 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

To enable Api do this <ol> <li>Go to <code>API Manager</code> </li> <li>Click on <code>Overview</code> </li> <li>Search for <code>Google Maps JavaScript API</code>(Under <code>Google Maps APIs</code>). Click on that</li> <li>You will find <code>Enable</code> button there. Click to enable API.</li> </ol> OR You can try this url: Maps JavaScript API Hope this will solve the problem of enabling API.

Assuming you already have a application created under google developer console, Follow the below steps <ol> <li>Go to the following link <code>https://console.cloud.google.com/apis/dashboard?</code> you will be getting the below page <img src="https://i.stack.imgur.com/q8pk8.png" alt="enter image description here"> </li> <li>Click on ENABLE APIS AND SERVICES you will be directed to following page <img src="https://i.stack.imgur.com/CUIrx.png" alt="enter image description here"> </li> <li>Select the desired option - in this case "Maps JavaScript API"</li> <li>Click ENABLE button as below, <img src="https://i.stack.imgur.com/NfOMp.png" alt="enter image description here"> </li> </ol> Note: Please use a server to load the <code>html</code> file

ApiNotActivatedMapError for simple html page using google-places-api

Tags:

google-maps

google-places-api

google-places

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- enter image description here

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

903

asked Feb 29 '16 12:02

Roy

2 Answers

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.

125

answered Oct 10 '22 21:10

Adi

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

answered Oct 10 '22 20:10

Aravind

Related questions
                            
                                Use a URL to link to a Google map with a marker on it
                            
                                Styling Google Maps InfoWindow
                            
                                How can I find the latitude and longitude from address?
                            
                                How to import JSON File into a TypeScript file?
                            
                                Google Map API V3: How to add Custom data to markers
                            
                                Drawing a line/path on Google Maps
                            
                                Main Thread Checker: UI API called on a background thread: -[UIApplication applicationState]
                            
                                Center Google Maps (V3) on browser resize (responsive)
                            
                                Google Maps v2 - set both my location and zoom in
                            
                                how to deal with google map inside of a hidden div (Updated picture)
                            
                                Google maps API V3 - multiple markers on exact same spot
                            
                                How to get city name from latitude and longitude coordinates in Google Maps?
                            
                                How to trigger the onclick event of a marker on a Google Maps V3?
                            
                                Remove a marker from a GoogleMap
                            
                                ERROR: Google Maps API error: MissingKeyMapError
                            
                                Google Maps API v2: How to make markers clickable?
                            
                                How to put Google Maps V2 on a Fragment using ViewPager
                            
                                Google Maps JavaScript API RefererNotAllowedMapError
                            
                                Twitter Bootstrap CSS affecting Google Maps
                            
                                How to open standard Google Map application from my application?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With