templates/front/theme1/bloc/map-contact.html.twig line 1

Open in your IDE?
  1. {% set parametre = ParametreSite() %}
  2. {% if param_contact.typeMap != 0 %}
  3.     {% if param_contact and param_contact.actifMap == 1 %}
  5.         {% if param_contact.typeMap == 1 and param_contact.iframeMap != "" %}
  6.             {# <iframe class="iframe-map" src="{{param_contact.iframeMap}}" width="100%" height="450" style="border:0;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> #}
  8.             <div class="googlemaps_embed" width="100%" height="450" id="{{param_contact.iframeMap}}"></div>
  10.         {% elseif (param_contact.typeMap == 2) %}
  12.             <section id="map" style="width: 100%; height: 400px;"></section>
  13.             <script src="{{asset('templates/front/theme1/assets/js/jquery-3.6.0.min.js')}}" ></script>
  14.             <script type="text/javascript">
  15.             $(function(){
  16.                 var map = L.map('map',{scrollWheelZoom:false}).setView([{{param_contact.latitude}}, {{param_contact.longitude}}], {{param_contact.zoomMap}});
  17.                 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
  18.                                             
  19.                 {% if contacts %}
  20.                     {% for contact in contacts %}
  21.                         var MarkerAdresse = L.marker([{{contact.latitude}}, {{contact.longitude}}], {draggable:false}).addTo(map).bindPopup("<b>{{contact.nomcontact}}</b><br />{{contact.adresse}} <br /> {{contact.codepostal}} {{contact.ville}} {{contact.pays}}").openPopup();
  22.                     {% endfor %}
  23.                 {% endif %}        
  25.             });
  26.         
  27.             </script>
  29.             <Link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/leaflet/leaflet.css')}}" />
  30.             <script src="{{asset('templates/front/theme1/assets/plugins/leaflet/leaflet.js')}}"></script>
  32.         {% elseif (param_contact.typeMap == 3 and param_contact.imageMap != "") %}
  33.             <img class="image-map-contact lazyload" data-srcset="{{asset(param_contact.imageMap)}}" src="{{asset(param_contact.imageMap)}}" alt="Map" />
  35.         {% elseif (param_contact.typeMap == 4) %}    
  36.             <section id="map" style="width: 100%; height: 400px;"></section>
  37.             <script src="https://maps.googleapis.com/maps/api/js?key={{parametre.clemap}}"></script>
  38.             
  39.             <script>
  40.                 
  41.                 var map = new google.maps.Map(document.getElementById('map'), {
  42.                 zoom: {{param_contact.zoomMap}},
  43.                 center: new google.maps.LatLng({{param_contact.latitude}}, {{param_contact.longitude}}),
  44.                 mapTypeId: google.maps.MapTypeId.ROADMAP
  45.                 });
  47.                 var infowindow = new google.maps.InfoWindow();
  48.                 var marker, i;
  50.                 {% for contact in contacts %}
  51.                 marker = new google.maps.Marker({
  52.                     position: new google.maps.LatLng({{contact.latitude}}, {{contact.longitude}}),
  53.                     map: map
  54.                 });
  56.                 google.maps.event.addListener(marker, 'click', (function(marker, i) {
  57.                     return function() {
  58.                     infowindow.setContent("<b>{{contact.nomcontact}}</b><br />{{contact.adresse}} <br /> {{contact.codepostal}} {{contact.ville}} {{contact.pays}}");
  59.                     infowindow.open(map, marker);
  60.                     }
  61.                 })(marker, i));
  62.                 
  63.                 {% endfor %}
  64.                 
  65.                 </script>
  67.             {# <script type="text/javascript">
  68.                     
  69.                     tarteaucitron.services.googlemapsA = {
  70.                     "key": "googlemapsA",
  71.                     "type": "api",
  72.                     "name": "Google Maps",
  73.                     "uri": "http://www.google.com/ads/preferences/",
  74.                     "needConsent": true,
  75.                     "cookies": [],
  76.                     "js": function () {
  77.                         "use strict";
  78.                         var mapOptions,
  79.                             map,
  80.                             uniqIds = [],
  81.                             i;
  82.                     tarteaucitron.addScript('//maps.googleapis.com/maps/api/js?key=&callback=startthis');
  83.                     window.startthis = function () {
  84.                         var locations = [
  85.                         {% for contact in contacts %}
  86.                             ['<b>{{contact.nomcontact}}</b><br />{{contact.adresse}} <br /> {{contact.codepostal}} {{contact.ville}} {{contact.pays}}', {{contact.latitude}},  {{contact.longitude}}],  
  87.                         {% endfor %}
  88.                         ];
  89.                                     
  90.                         var map = new google.maps.Map(document.getElementById('map'), {
  91.                             zoom: <?php echo $zoom_map;?>,
  92.                             center: new google.maps.LatLng({{param_contact.latitude}}, {{param_contact.longitude}}),
  93.                             mapTypeId: google.maps.MapTypeId.ROADMAP
  94.                         });
  95.                     
  96.                         var infowindow = new google.maps.InfoWindow();
  97.                     
  98.                         var marker, i;
  99.                     
  100.                         for (i = 0; i < locations.length; i++) {  
  101.                             marker = new google.maps.Marker({
  102.                             position: new google.maps.LatLng(locations[i][1], locations[i][2]),
  103.                             map: map
  104.                             });
  105.                     
  106.                             google.maps.event.addListener(marker, 'click', (function(marker, i) {
  107.                             return function() {
  108.                                 infowindow.setContent(locations[i][0]);
  109.                                 infowindow.open(map, marker);
  110.                             }
  111.                             })(marker, i));
  112.                         }
  113.                                                 
  114.                     };
  115.             },
  116.                 "fallback": function () {
  117.                     "use strict";
  118.                     var id = 'googlemapsA';
  119.                     tarteaucitron.fallback(['googlemaps-canvasA'], tarteaucitron.engage(id));
  120.                 } 
  121.                 
  122.             };
  123.             </script>  #}
  125.             {# <script>tarteaucitron.user.mapscallback =  "startthis" ;tarteaucitron.user.googlemapsLibraries = "LIBRARIES";</script> #}
  126.         {% endif %}
  128.     {% endif %}
  129. {% endif %}