Google Maps API Key

Open the Google Cloud Console

Open the Google Cloud Console and sign in with a Google account (a normal Gmail account is fine).

Open Google Cloud Console

💡 Tip: use a dedicated business account, not your personal one, to keep things tidy.

Create a project

A "project" is the container that holds your key and settings.

1. At the top, next to the "Google Cloud" logo, click the project dropdown.
2. Click New project.
3. Give it a recognizable name, e.g. RoyLead Maps, and click Create.
4. Make sure the new project is selected at the top.

Enable billing

Google requires a linked card even to use the free tier. Without active billing you'll see an error or the "For development purposes only" watermark.

1. In the left menu (☰), go to Billing.
2. Click Link a billing account.
3. Enter your details and a card, then confirm.

🔒 Adding a card doesn't mean you'll be charged. Google only bills if you exceed the monthly free allowance, which is very unlikely for a landing page. Below, I'll show you how to set a budget alert.

Enable the required APIs

You need to turn on the Google services that address autocomplete uses.

1. In the menu (☰), go to APIs & Services → Library.
2. Search and enable these three APIs one by one (open each and click Enable):

• Maps JavaScript API
• Places API
• Places API (New)

ℹ️ Enabling an API costs nothing: you only pay based on actual usage. Enable all three to avoid "This API is not enabled" errors.

Create the API key

1. In the menu (☰), go to APIs & Services → Credentials.
2. Click + Create credentials → API key.
3. Google generates the key: a long string like AIzaSyB3xK...d9F2qZ.
4. Copy it (you'll paste it into RoyLead in Step 7). Don't close yet: let's restrict it first.

⚠️ Never share this key in public chats, screenshots or repositories. Even after restricting it, treat it like a password.

Restrict the key (important for security)

The key ends up in the landing page code, so it's visible to anyone viewing the source. To prevent someone from copying and using it at your expense, restrict it. Open the key from the Credentials page (pencil icon) and set two restrictions.

6a — HTTP referrers (which sites can use it)

1. Under Application restrictions, select HTTP referrers (web sites).
2. Add the URLs of the domain where you'll use the key (both lines):

https://yourdomain.com/*
https://*.yourdomain.com/*

Replace yourdomain.com with your domain. Multiple domains? Better to create a separate key per domain (in RoyLead the key is per-domain).

6b — API restrictions

1. Under API restrictions, select Restrict key.
2. Check only: Maps JavaScript API, Places API, Places API (New).
3. Save.

⚠️ Restrictions can take up to 5 minutes to take effect. If you see an error right after, wait a few minutes and retry.

Paste the key into RoyLead

1. Open the domain settings in RoyLead.
2. Select the domain where you want autocomplete enabled.
3. Paste the key into the Google Maps API Key field and save.

Go to Domains ↗

Verify it works

1. Open a landing page published on that domain.
2. In the form, start typing an address (e.g. "Roma St…").
3. Google suggestions should appear: pick one and the field fills in. ✅

If no suggestions appear, see the "Troubleshooting" section.