Google Map

Updated on July 21, 2025

I apologize that the direct link to the ThemeDev documentation for Google Map integration with Cleanly was not accessible. However, I performed a search and found information on how to integrate Google Maps into WordPress websites, including details on obtaining and configuring the Google Maps API key, which is the essential part of such an integration.

Based on the search results, here’s a reformatted guide that should be applicable for integrating Google Maps with Cleanly, as most WordPress integrations follow a similar pattern for Google Maps:

Google Map Integration with Cleanly Booking 🗺️

This guide outlines the general process for integrating Google Maps with a WordPress-based booking system like Cleanly. The core of this integration involves obtaining a Google Maps API Key and enabling necessary Google Cloud Platform APIs to display interactive maps, show locations, or provide directions within your booking interface.

Step-by-Step Guide to Configure Google Map Integration:

To integrate Google Maps, you’ll primarily need to create a project on the Google Cloud Platform, enable specific APIs, and generate an API Key. This key will then be used in Cleanly Booking’s settings.

Part 1: Obtaining Google Maps API Key and Enabling Necessary APIs

  1. Access Google Cloud Platform (GCP):
    • Go to the Google Cloud Console.
    • If you don’t have a Google account, you’ll need to create one. You may also need to set up a billing account (Google often provides a recurring free credit, e.g., $200/month, which may cover typical usage for small to medium sites).
  2. Create a New Project (or Select Existing):
    • In the GCP console, click on the “Select a project” dropdown at the top.
    • Click “New Project” and provide a descriptive “Project Name” (e.g., “Cleanly Booking Maps”).
    • Click “Create.”
  3. Enable Required Google Maps APIs:
    • Once your project is created or selected, navigate to “APIs & Services” > “Library” in the left sidebar.
    • Use the search bar to find and enable the following APIs (these are commonly required for interactive maps and location services):
      • Maps JavaScript API (for displaying maps on your website)
      • Places API (for searching places, autocompletion, etc.)
      • Geocoding API (for converting addresses to coordinates and vice versa)
      • Optionally, depending on specific Cleanly features: Distance Matrix API, Routes API, etc.
  4. Create an API Key:
    • After enabling the necessary APIs, go to “APIs & Services” > “Credentials” in the left sidebar.
    • Click “+ Create Credentials” and select “API key.”
    • Your new API key will be generated and displayed. Copy this API key.
  5. Restrict Your API Key (Highly Recommended):
    • Do not use the API key without restrictions in a production environment.
    • On the “Credentials” page, click on the name of your newly created API key.
    • Under “Application restrictions”, select “HTTP referrers (web sites).”
    • Click “Add an item” and add your website’s URL(s) with wildcards to allow requests only from your domain (e.g., https://yourdomain.com/* and https://*.yourdomain.com/*).
    • Under “API restrictions”, select “Restrict key” and choose only the Google Maps APIs you enabled in Step 3.
    • Click “Save”.

Part 2: Configuring Cleanly Booking Settings (Hypothetical)

Disclaimer: As the direct ThemeDev documentation for Google Maps was inaccessible, these steps are based on common WordPress plugin and theme integration methods for Google Maps.

  1. Access Cleanly Booking in WordPress:
    • Open your WordPress wp-admin panel.
    • Navigate to “Settings” under “Cleanly Booking.”
  2. Go to the Integration or General Settings Section:
    • Look for a section related to “Integration,” “Google Maps,” or “General Settings” where an API key field might exist.
  3. Paste Google Maps API Key and Save:
    • Locate the field labeled for “Google Maps API Key” or similar.
    • Paste your copied Google Maps API Key into this field.
    • There might be additional settings here, such as:
      • Default location/coordinates
      • Zoom level
      • Map type (Roadmap, Satellite, Hybrid, Terrain)
      • Map ID (if your version of Cleanly supports custom map styles via Map IDs from GCP’s Map Management)
    • Save all changes.

Once configured and the API key is active (it might take a few minutes), Google Maps functionality should be available within your Cleanly Booking system, depending on how Cleanly utilizes the API.

Leave a Reply