templates/includes/map-area.html.twig line 1

Open in your IDE?
  1. {% set detailTitle = title|default('') %}
  2. {% set geoPoint = geoPoint|default(false) %}
  3. {% set zip = zip|default(false) %}
  4. {% set street = street|default(false) %}
  5. {% set city = city|default(false) %}
  6. {% do jsConfig().add('googleMapAPIKey', googleApiKey()) %}
  7. {% if geoPoint or street or zip or city %}
  8.     <section class="map-area container content-block-small">
  9.         {{ include('includes/title-blocks/title-block-object.html.twig', {
  10.             titleBold: detailTitle,
  11.             title: " ",
  12.             subtitle: " ",
  13.             titleStyle: 'h4'
  14.         }) }}
  16.         <div class="ratio ratio-3x1 ratio-4x3-xs map-area__container">
  17.             {% if geoPoint|default(null) and geoPoint.longitude and geoPoint.latitude %}
  18.                 {% set geo = geoPoint.latitude ~ ',' ~ geoPoint.longitude %}
  19.             {% else %}
  20.                 {% set geo = street|default('') ~ ', ' ~ zip|default('') ~ ' ' ~ city|default('') %}
  21.             {% endif %}
  23.             {% embed('@ElementsCmsTools/consent-overlay.html.twig') with {
  24.                 'service': 'marketing',
  25.                 'buttonText': 'cookies.Marketingcookies akzeptieren'|trans,
  26.                 'overlayText': 'cookies.Um die Map anzusehen, müssen Sie die Cookies akzeptieren'|trans
  27.             } %}
  28.                 {% block consentIframe %}
  29.                     <iframe src="https://www.google.com/maps?q={{ geo }}&key={{ googleApiKey() }}&hl=es;z=14&amp;output=embed"
  30.                             style="border-radius: 0.5rem"
  31.                             allowfullscreen=""
  32.                             loading="lazy"
  33.                             referrerpolicy="no-referrer-when-downgrade"
  34.                             class="ratio-item location-map shadow">
  35.                     </iframe>
  36.                 {% endblock %}
  37.             {% endembed %}
  38.         </div>
  39.     </section>
  41. {% endif %}