Google Places Api Key Error

I am developing a project and I have to use google places api for web. I am using google api for location name drop down menu. When I fill out location name, I am getting back this

Solution 1:

I think you are missing steps . 1. Go to Google Developers Console. 2. Enable Google Maps Javascript API. 3. Then Generate API key . 4. Then put that API key in the bottom of your code in this section.

<scripttype="text/javascript"src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_JAVASCRIPT_API_KEY&libraries=places&callback=initService"asyncdefer></script>

This will 100% work, if follow the steps carefully.