Exclamation Mark (!) on Address Field
When using Google Maps address autocomplete, you may see a small exclamation mark (!) inside one of your input fields. This symbol comes from Google and appears when the Google Maps JavaScript or Places API cannot load correctly on the page.
What the Exclamation Mark Means
The API key is restricted to the wrong domains
If the domain in your Google Cloud restrictions does not match the site you’re using, Google blocks the request and shows the warning icon in the field.
The API key is restricted to the wrong APIs
Autocomplete requires the Places API (Legacy) and the Maps JavaScript API. If either one is not enabled, the widget cannot initialize and Google shows the warning.
Billing is not active on the Google Cloud project
Google does not allow autocomplete to run without an active billing account. Missing billing often triggers the icon. Most sites will never hit the minimum number of requests to actually be billed anything, but you still need to have billing information on file just in case.
The key is missing or invalid
A typo, disabled key, or deleted key causes Google to fail silently and show the warning symbol.
How to Fix the Issue
1. Check domain restrictions
In Google Cloud → Credentials, confirm your API key allows requests from:
https://yourdomain.com/*
https://www.yourdomain.com/*
Avoid adding “http://” when your site uses HTTPS.
2. Make sure the correct APIs are enabled
You need these two services turned on:
- Maps JavaScript API
- Places API (Legacy)
3. Confirm billing is active
Your Google Cloud project must have a billing account connected.
4. Make sure the key is actually loading on the page
If the script tag uses the wrong key or is blocked by another script, Google cannot run autocomplete.
Using Browser Console Log
If you are seeing this problem, check your browser’s developer console log. It will give you the reason why your address autocomplete is not working yet.