Adding Google Maps to Your Agent Image Website

Adding Google Maps to your Agent Image website is a great way to enhance user experience, whether you’re showcasing your business location, adding interactive maps for your listings, or integrating custom map features. To do this, you’ll need a Google Maps API Key.

Don’t worry—we’ve got you covered! Agent Image will handle the setup; we just need you to generate your API key first.

Simply follow these step-by-step instructions to create your Google Maps API Key using Google Cloud Console. If you need help or a walkthrough, feel free to contact your project manager—we’re happy to assist! Happy mapping! 🗺️🌍

How to Generate a Google Maps API Key for Your Agent Image Website

1️⃣ Go to Google Cloud Console .

2️⃣ Sign in with your Google account.

Step 2: Create a New Project

1️⃣ Click the Select a project dropdown at the top.

2️⃣ Click New Project (or choose an existing one).

3️⃣ Enter a Project Name (e.g., “My WordPress Map”).

4️⃣ Click Create and wait for the project to be set up.

Step 3: Enable the Google Maps API

1️⃣ In the Google Cloud Console, open the left menu (☰).

2️⃣ Select APIs & Services > Library.

3️⃣ Search for “Maps JavaScript API” and click on it.

4️⃣ Click Enable to activate the API.

5️⃣ (Optional) If your site needs additional features, also enable:

Geocoding API (for address searches)
Places API (for points of interest)
Directions API (for route planning)

Step 4: Generate Your API Key

1️⃣ In APIs & Services, go to Credentials (left menu).

2️⃣ Click Create Credentials and select API Key.

3️⃣ Google will generate your API key—copy it and keep it safe!

Step 5: Secure Your API Key (Highly Recommended!)

To prevent unauthorized use:

1️⃣ Click on your API Key to edit it.

2️⃣ Under Application Restrictions, choose:

HTTP Referrers (for websites) – enter your domain (e.g., .yourwebsite.com/).
IP Addresses (for server-side use) – enter your server’s IP address.

3️⃣ Under API Restrictions, select Restrict Key and choose the APIs you enabled.

4️⃣ Click Save to apply the restrictions.

Step 6: Add the API Key to Your WordPress Website

🔹 If you’re using a Google Maps Plugin (like WP Google Maps or MapPress):

Go to the plugin settings and paste your API Key.

🔹 If you’re embedding a map manually:

Paste your API Key into the <script> tag when adding the map to your site.

All Set! 🎉

Your Google Maps API Key is now ready to go! Please email the API key to your project manager so we can proceed with the integration.

Here’s a helpful video: https://www.youtube.com/watch?v=hsNlz7-abd0