Marketing Map

Overview

With Marketing Map you can display multiple business locations on a single Google Map. Use it to showcase offices, photographers, partners, retail locations, service centers, and more.

Prerequisites: Google Maps API Key

Before you can use the Marketing Map feature, you must obtain a valid Google Maps API Key.

  1. Sign in to your Google account.
  2. Open the Google Cloud Console.
  3. Create an API key and enable the required Google Maps services.
  4. Restrict the API key to your website domain for security.
  5. Send the generated API Key to support@picturemaxx.com, so that we can validate your website within picturemaxx CMS. Once the validation is complete, you'll be able to use the Marketing Map feature on your website.

Note

Google may require website verification and billing setup before API keys can be used.

Add a marketing map

  1. In the Main Administrative Menu, navigate to Content.
  2. In the Content Overview table, select the page you want to modify, and click Edit. This opens the page editor.
  3. Scroll to the bottom of the page editor. From the Add Section dropdown menu, select Add Marketing Map.
  4. Configure the map locations and display settings as described in Field Reference below.
  5. Save the changes.

Field Reference

Headline
Optionally enter a headline or introductory text that will appear above the map.

Marketing Map Location

Title
The text displayed when users hover over the map marker. This can be the location name, office name, or another brief identifier.

Geo-Coordinates (Latitude and Longitude)
Enter the location coordinates in decimal 48.143136 or sexagesimal format 48° 8' 35.2896".

Location Info
Type in the location name and description.

Add Marketing Map Location button
Click to add more locations to the map.

Display-Options

Map Center (latitude & longitude)
Specify location's latitude and longitude to center the map view.

Initial Zoom Level
Define the zoom level displayed when the map first loads. Zoom levels range from 0 (global view) to 20 (detailed view). 

Map Style
Use the default Google Map Style or choose between various dark or light themes.

Marker Color
Each location element you add creates a marker on the map. To customize the markers, pick a color here. If you leave this field blank, the standard markers will be used.

Background-Color Paragraph
Set the background color of the Marketing Map section.

Show Full Width
Enable this option to display the map across the full width of the page.