toujou
+49 911 23980-870
  1. Home
  2. Service
  3. Element library
  4. Map elements
  5. Map contact description

Map with contact information

A square or 16:9 map with contact information on either side.

Item-IDs: 06-001 | 06-002 | 06-003 | 06-004

Sample views  Step by step guide  Screen adaptation  Get a Google API Key

Sample views

Square

To display third-party maps, we need your consent.

For more information, please see our privacy policy.

DFAU GmbH

Graf-Pückler-Limpurg-Str. 87
90768 Fürth
Phone: +49 911 23980-870
Email: info@dfau.de

16:9

To display third-party maps, we need your consent.

For more information, please see our privacy policy.

DFAU GmbH

Graf-Pückler-Limpurg-Str. 87
90768 Fürth
Phone: +49 911 23980-870
Email: info@dfau.de

Step by step guide

Create new element

  • Click on the + Content button to create any map element.

Select map element

  • In the Map Elements tab, select the map contact element of your choice that is named accordingly.

Select contact

  • The tab Choose Business-Contact offers a dropdown list of your current contacts that you have already set in the Contact Information module.

Screen adaptation

A map with contact information reflects your chosen contact information next to a Google map with a fixed square or 16:9 aspect ratio.

Responsive behaviour: If there isn’t enough space to display the map and the contact information next to each other, the contact information will be shown directly below. This ensures the consistent appearance of all maps on small devices, regardless of the original orientation.

Worth noting:

  • The contact data is determined beforehand by the basic settings you made in the Contact Information module. The text area can’t be edited. 
  • To display an address correctly, you’ll need a Google API key from the Google Cloud Platform.

Linked topics

toujou set-ups & TYPO3 tutorials related to this element description.

Contact information