Google Maps Element

On this page:

  1. Adding a Map to your page
  2. Setting up your Google Maps API key
  3. Map FAQs
  4. Deleting a Map from a page
  5. Troubleshooting Maps and star ratings

The Google Map Plugin is a great way to display the location of your business or event within your website.

Tip: Adding a Google Map widget on your Contact Us page is a user friendly way to enable customers to easily locate your business, head office or event.

Adding a Map to your page

  1. Make sure you are on the page you wish to add the map to.
  2. Click on the ‘+Add Element’ Icon on the Page's Header Bar.
  3. Drag and Drop the Map icon onto the area of the page that you want it to appear in.
  4. Click on the Settings Icon.
  5. Enter the address of your location
  6. Click on the settings tab to edit Map functions and views.
  7. Click 'Apply'

You have now added a map onto your page.

The map pointer in your Maps works off Google's Map database. It is not always accurate based on your address. Coordinates override gives you the ability to more accurately pinpoint your location. Click here for a tool to find your coordinates.

Setting up your Google Maps API key

To display interactive Google Maps on your Limecube site, you need to create a Google Maps API key and add it to your Limecube settings. The steps below walk you through creating the key, enabling the right APIs, and understanding how Google’s star ratings appear in the map popup.

Step 1: Create a Google Cloud project (if you don’t already have one)

  1. Go to Google Cloud Console.
  2. Sign in with your Google account.
  3. In the top bar, click the project selector and choose New Project.
  4. Give your project a name (e.g. Limecube Maps) and click Create.

Step 2: Enable billing on your project

Google Maps requires an active billing account, even if your usage stays within the free tier.

  1. In Google Cloud Console, go to Billing.
  2. Either link an existing billing account or create a new one.
  3. Attach the billing account to the project you created for your maps.

You will not be charged if your usage remains within Google’s free monthly allowance, but Google does require billing details for the APIs to work.

Step 3: Enable the required Maps APIs

Next, you need to enable the APIs that Limecube relies on to display maps and location information.

  1. In Google Cloud Console, go to APIs & Services > Library.
  2. Use the search bar to find and enable each of the following:
    • Maps JavaScript API (required)
    • Places API (required for place details and ratings in the info window)
    • Geocoding API (recommended for converting addresses to map locations)
  3. For each API, click it, then click Enable if it is not already enabled.

Step 4: Create your API key

  1. Go to APIs & Services > Credentials.
  2. Click Create credentials and choose API key.
  3. Google will generate a new key. Copy this key – you will paste it into Limecube shortly.

Step 5: Restrict your API key (strongly recommended)

To help protect your key from unauthorised use, you should restrict it. Without this step, you risk others using your key, and you paying for it.

  1. On the Credentials page, click on the API key you just created.
  2. Under Application restrictions, select HTTP referrers (web sites).
  3. Add your site URLs, for example:
    • https://yourdomain.com/*
    • https://www.yourdomain.com/*
    • Your Limecube preview/staging URL if needed.
  4. Under API restrictions (if available), choose Restrict key and allow only:
    • Maps JavaScript API
    • Places API
    • Geocoding API
  5. Click Save.

Step 6: Add your API key into Limecube

  1. Log in to your Limecube admin.
  2. From the top menu, go to More > Administration > Settings > API Credentials
  3. Insert your API key into Google Maps API Key field.
  4. Save your settings.

Once saved, your Limecube map elements will use this key to load interactive maps on your site.

How star ratings work in the Google Map popup

Many sites show a small popup when you click on the map pin, displaying the business name, address and a star rating (aggregate review score). This information is controlled entirely by Google and is part of the standard Maps/Places behaviour.

Map FAQs

In many cases, yes. If:

  • Your Google Business Profile has public reviews and a star rating, and
  • You are displaying a specific Place on the map (via a place ID or a place-based embed), and
  • You have both the Maps JavaScript API and Places API enabled,

then Google may automatically show:

  • Your business name
  • Your address
  • A star rating and review count

inside the map pointer’s popup (info window) when a user clicks the marker. This content is:

  • Served directly by Google
  • Not editable inside Limecube
  • Controlled by Google’s own UI and policies, which may change over time
  • Check the business actually has public Google reviews.
  • Make sure the embed or map config is using a Place (place ID / place search), not just coordinates.
  • Confirm Places API is enabled on the same project as the key.
  • Accept that Google sometimes changes its UI – the rating display is ultimately controlled by Google, not Limecube.

Deleting a Map from a page

  1. Make sure you are on the page you wish to delete the map from.
  2. Hover your cursor on top of the map.
  3. Select the X icon to delete the map from your page.

You have now deleted the map off your page.

Troubleshooting Maps and star ratings

Map is not showing at all

  • Check the API key in Limecube: Make sure the key is correctly pasted with no extra spaces.
  • Confirm billing is active: In Google Cloud, check that billing is enabled on the same project as your APIs.
  • Verify APIs are enabled: Ensure the Maps JavaScript API (and Places / Geocoding if used) are enabled under APIs & Services > Library.
  • Check key restrictions: If you restricted the key, make sure your domain is included correctly (e.g. https://www.yourdomain.com/*).
  • Look for console errors: In your browser’s developer tools, check the Console tab for Google Maps error messages (e.g. “API key not authorised” or “Billing not enabled”).

Pin appears but no star rating is shown

  • Check that your business actually has public reviews: If there are no Google reviews yet, no rating will show.
  • Confirm that a Place is being used: The rating only appears when the map is configured to display a specific Place (not just raw coordinates).
  • Ensure the Places API is enabled: Without the Places API, Google cannot pull place details into the info window.
  • Accept UI changes: Google can change how or when ratings are displayed in the map popup. Limecube cannot control or guarantee when those stars appear.

General tips

  • Keep your Google Business Profile up to date: Accurate address and categories help Google match your place correctly.
  • Test on multiple devices and browsers: This helps rule out local caching or browser-specific issues.
  • Allow some time: If you have just created your key or changed settings, it may take a short time for everything to update.

Can't find the answer you are looking for?

Try using searching below: