templates/InteractiveMap/map.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  3. {% block content %}
  5.     {{ include('Navigation/breadcrumb.html.twig') }}
  7.     {{ include('Includes/main-title-block-splitted-editable.html.twig') }}
  9.     <section class="content-block">
  10.         {% do jsConfig().add('googleMapAPIKey', googleApiKey()) %}
  11.         {% do jsConfig().add('googleMapsLibraries', ['places', 'geocoding']) %}
  12.         {% do jsConfig().add('ajaxForm', true) %}
  13.         {% do jsConfig().add('ajaxFormMap', true) %}
  14.         {% do jsConfig().add('interactiveMap', true) %}
  16.         {% embed 'Includes/editmode-settings.html.twig' %}
  17.             {% block additionalInfo %}
  18.                 <div>
  19.                     <label>
  20.                         Longitude {{ pimcore_input('longitude', {placeholder: '14.306775'}) }}
  21.                     </label>
  22.                 </div>
  23.                 <div>
  24.                     <label>
  25.                         Latitude {{ pimcore_input('latitude', {placeholder: '47.2183939'}) }}
  26.                     </label>
  27.                 </div>
  28.                 <div>
  29.                     <label>
  30.                         Zoom {{ pimcore_numeric('map-zoom', {minValue: 0}) }}
  31.                     </label>
  32.                 </div>
  33.             {% endblock %}
  34.         {% endembed %}
  36.         <div class="js-ajax-form-map-google interactive-map position-relative"
  37.              data-google-map-initial-lng="{{ pimcore_input('longitude').empty ? '14.306775' : pimcore_input('longitude').data }}"
  38.              data-google-map-initial-lat="{{ pimcore_input('latitude').empty ? '47.2183939' : pimcore_input('latitude').data }}"
  39.              data-google-map-initial-zoom="{{ pimcore_numeric('map-zoom').empty ? "10" : pimcore_numeric('map-zoom').data }}"
  40.              data-ajax-form-add-url-params="true"
  41.              data-form-map-url="{{ path('im_pois', {'region': pimcore_relation('region').empty ? '' : pimcore_relation('region').element.id}) }}"
  42.         >
  43.             <div aria-live="polite">
  45.                 {{ include('InteractiveMap/filter.html.twig') }}
  47.                 {{ include('Includes/loading-overlay.html.twig', { styleModifier: 'js-ajax-form-map-google__loading' }) }}
  49.                 <div class="js-ajax-form-map-google__map interactive-map__google-map" style="">
  50.                     <div class="interactive-map__geo-location__wrapper">
  51.                         <button type="button" data-target="#location" class="interactive-map__geo-location js-ajax-form-map-google__get-geo-location">{{ 'im.In meinem Umkreis suchen'|trans }}</button>
  52.                     </div>
  54.                     <div class="js-ajax-form-map-google__map__canvas interactive-map__map-canvas"></div>
  55.                 </div>
  57.             </div>
  59.         </div>
  60.     </section>
  61. {% endblock %}
  63.     {% block javascripts %}
  64.         {% if not app.request.get('onlyInlineCss') %}
  65.         {{ include('Layout/includes/encore.html.twig', {
  66.             'staticDebugMode': staticDebugMode,
  67.             'file': 'js/interactiveMap'
  68.         }) }}
  69.         {% endif %}
  70.     {% endblock %}