Google places API not showing autocomplete dropdown

Question

I am facing issue with google places autocomplete API. It is not showing the drop down. I am getting the response from API. Its just not rendering or appending inside .pac-container in the view. I tried changing the css for .pac-container. But still no luck. I am just using the same code that is there in the code sample provided by google (Here). I dont know what is wrong. Kindly help me.

Test link : http://webberspoint.com/test.html

Answer 1

I found solution for your problem . When i made calls in your auto-complete input ,a call was being made to google places Autocomplete . But the response returns an error saying [3,null,null,"This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: https://console.developers.google.com/apis/library?project=_ Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/places_backend?project=_ For more information on authentication and Google Maps Javascript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key"] ) . So kindly check , either you have not activated this API or this API key you are using is not correct . First check , may be your API is not turned on . And make sure , you generate your API for Google Maps JavaScript API . I am also adding a snapshot of the error i received .