templates/areas/map/view.html.twig line 1

Open in your IDE?
  1. {#
  2. project: Pimcore -Schutzverband Nuernberg Rostbratwuerste
  3. User: erikb
  4. Year: 2022
  5. #}
  6. {% do
  7.     pimcore_head_script().appendFile(
  8.         'https://maps.googleapis.com/maps/api/js?key=' ~ pimcore_website_config('google-maps-api-key', 'NOT_SET') ~ '&callback=googleMapsReady',
  9.         null,
  10.         {
  11.             async: true,
  12.             defer: true
  13.         }
  15.     )
  16. %}
  19. {% if editmode %}
  20.     <div class="admin-container admin-container--limited-width admin-container--content">
  21.         <div class="admin-container__section">
  22.             <span class="admin-container__title">{{ 'brick.map.title'|trans({}, 'admin') }}</span>
  23.         </div>
  24.         <div class="admin-container__configurations">
  25.             <div class="admin-config-item">
  26.                 <span class="admin-config-item__label">{{ 'brick.map.option.locations'|trans({}, 'admin') }}:</span>
  28.                 {{
  29.                     pimcore_relations('locations', {
  30.                         'types': ['object'],
  31.                         'subtypes': {
  32.                             'object': ['object']
  33.                         },
  34.                         'classes': ['Location']
  35.                     })
  36.                 }}
  37.             </div>
  38.         </div>
  39.     </div>
  40. {% endif %}
  42. <div class="area map" data-zoom="{{ zoom|default(13) }}">
  43.     <div class="map__view"></div>
  44.     <div class="map__locations">
  45.         {# @var location \Pimcore\Model\DataObject\Location #}
  46.         {% for location in locations %}
  47.         <div class="map__location" data-lat="{{ location.getCoordinates().getLatitude() }}" data-lng="{{ location.getCoordinates().getLongitude() }}" data-query="{{ location.getTitle() ~ '+' ~ location.getStreet() ~ '+' ~ location.getZip() ~ '+' ~ location.getCity() }}"></div>
  48.         {% endfor %}
  49.     </div>
  50. </div>