< Back to the docs

“For Development Purposes Only” on Google Maps (API Key Fix)

If you see the message “For Development Purposes Only” on the map, it means your Google Maps API key setup is incomplete or restricted incorrectly. Follow these steps to fix it:

Step 1: Check Your API Keys in Settings

  1. Go to Apps → Store Locator by Byte Apps → Settings.

  2. Make sure you entered the correct Google Maps Storefront API key (and Admin key if you use geocoding).

  3. Click Save.

Step 2: Enable Required Google APIs

In your Google Cloud project, ensure these APIs are enabled:

  • Maps JavaScript API

  • Geocoding API (needed for auto-generating Lat/Lng)

Step 3: Verify Billing is Enabled in Google Cloud

Google Maps requires an active billing account on your Google Cloud project.
If billing is not enabled, the map may show this warning.

Step 4: Check API Key Restrictions

If you restricted your key, confirm the restrictions match your setup:

  • Website restrictions (HTTP referrers) should include your storefront domain (e.g. https://yourstore.com/*)

  • The key should be allowed to use Maps JavaScript API

  • If you use an Admin key for geocoding, it should be configured as described in the Settings guide.

Step 5: Refresh and Retest

  1. Hard refresh your storefront page.

  2. Confirm the map loads without the warning message.