Google Maps

You need an API key to utilize the Maps JavaScript. This key uniquely identifies and authenticates requests linked to your project, ensuring proper usage and billing tracking.

To Obtain a Maps API Key:

Step 1: Navigate to the Google API Console.

Step 2: From the project drop-down menu, choose an existing project or create a new one by specifying a project name.

Step 3: If this is your first time using Google API, you will encounter this screen after creating the project:

Step 4: Click the "Enable APIs and Services" button or select the "Library" button from the left-hand menu.

Step 5: Locate the Maps JavaScript API and activate it following the instructions below.

Step 6: Access the menu icon, choose "Credentials," and click on "Create credentials" followed by "API key."

Step 7: A dialog will confirm the creation of your API key. Copy it as indicated in Step 8. Your new API key will be listed under API keys on the Credentials page.

Important: Always restrict your API key before deploying it in a production environment.

Step 8: Insert the API key in the Admin Panel under Swap Manager -> Global Settings -> Google Maps. Ensure to enable the Google Maps checkbox and click "Save."

Modifying Application Restrictions:

Depending on your server/domain setup, the script might not accept HTTP referrer restrictions. Consider changing the application restrictions back to "None."

Enabling Billing for Your Project:

Sometimes, certain features may stop functioning after adding the key. Depending on the associated Google account and project, you may need to enable billing.

Learn more: Billing or Getting started with Google Maps Platform