templates/maps1/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{parent()}} 
  5.     <link id="style" href="{{absolute_url(asset('build/plugins/leaflet/_leaflet.css'))}}" rel="stylesheet" />
  6. {% endblock %}
  8. {% block body %}
  10.                             <!-- PAGE-HEADER -->
  11.                             <div class="page-header">
  12.                                 <div>
  13.                                     <h1 class="page-title">Leaflet Maps</h1>
  14.                                 </div>
  15.                                 <div class="ms-auto pageheader-btn">
  16.                                     <ol class="breadcrumb">
  17.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Maps</a></li>
  18.                                         <li class="breadcrumb-item active" aria-current="page">Leaflet Maps</li>
  19.                                     </ol>
  20.                                 </div>
  21.                             </div>
  22.                             <!-- PAGE-HEADER END -->
  24.                             <!-- ROW -->
  25.                             <div class="row row-sm">
  26.                                 <div class="col-lg-12">
  27.                                     <div class="card" id="map">
  28.                                         <div class="card-header border-bottom">
  29.                                             <div class="card-title">Basic</div>
  30.                                         </div>
  31.                                         <div class="card-body">
  32.                                             <div class="h-500" id="leaflet1"></div>
  33.                                         </div>
  34.                                     </div>
  35.                                 </div>
  36.                                 <div class="col-lg-12">
  37.                                     <div class="card" id="map2">
  38.                                         <div class="card-header border-bottom">
  39.                                             <div class="card-title">With Popup</div>
  40.                                         </div>
  41.                                         <div class="card-body">
  42.                                             <div class="h-500" id="leaflet2"></div>
  43.                                         </div>
  44.                                     </div>
  45.                                 </div>
  46.                                 <div class="col-lg-12">
  47.                                     <div class="card" id="map1">
  48.                                         <div class="card-header border-bottom">
  49.                                             <div class="card-title">Map With Circle</div>
  50.                                         </div>
  51.                                         <div class="card-body">
  52.                                             <div class="h-500 ht-sm-300 ht-md-400" id="leaflet3"></div>
  53.                                         </div>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                             <!-- END ROW -->
  58. {% endblock %}
  60. {% block javascripts %}
  61.    {{parent()}} 
  62.         <!-- INTERNAL leaflet js -->
  63.         <script src="{{absolute_url(asset('build/plugins/leaflet/leaflet.js'))}}"></script>
  64.         {{ encore_entry_script_tags('js/map-leafleft') }}
  65. {% endblock %}