Google Maps integration allows you to embed Google Maps in any page into your website, location display, and user engagement. This guide walks you through the process of setting up Google Maps in Smartend CMS.

Enable Google Maps in Smartend CMS Settings:

  1. Navigate to the Dashboard.
  2. Go to System Settings in the side menu.
  3. Select Google Maps from the list.
  4. Enter the Google Maps API Key in the provided field.
  5. Click Save Changes to apply the settings.

How to Get a Google Maps API Key

Follow these steps to obtain a Google Maps API key from the Google Cloud Platform:
  1. Log in to Google Cloud Console:
  2. Create a New Project:
    • In the top navigation bar, click on the project dropdown and select New Project.
    • Name the project (e.g., "Smartend CMS Maps Integration") and click Create.

  3. Enable the Required APIs:
    • In the APIs & Services dashboard, click Enable APIs and Services.
    • Search for Maps JavaScript API and enable it

  4. Generate the API Key:
    • Go to Credentials under the APIs & Services section.
    • Click Create Credentials and select API Key.
    • Copy the generated API key for use in the CMS.

  5. Restrict API Key (Recommended):
    • For better security, restrict your API key usage:
      • Select your API key from the credentials list.
      • Under Application Restrictions, choose HTTP Referrers and add your website domain.
      • Under API Restrictions, select the APIs enabled in Step 3.

How to Add Google Maps to Any Page in Smartend CMS

  1. Enable the Maps Tab for the Module
    • Go to the System Modules section in your CMS dashboard.
    • Select the module you want to add Google Maps to (e.g., Site Pages Module).
    • dit the module settings, and ensure the Maps Tab is enabled.
    • Save the changes to make the Maps feature available.

  2. Add a Map to a Page
    • Navigate to the module you want to manage (e.g., Site Pages).
    • Create a new page by clicking New site pages, or edit an existing page.
    • In the page editor, locate and select the Maps Tab.
    • On the map interface:
      • Click on the desired location to add a marker.
      • In the popup modal, fill in the location details and update the address if needed.
      • Save the marker information.
    • You can reposition a map marker by dragging it to another location.
    • Add multiple map markers to the same page to display different locations on a single map.