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

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