templates/site/Default/carte.html.twig line 1

Open in your IDE?
  1. {% extends 'baseTemplate_2.html.twig' %}
  2. {% import 'macro.html.twig' as traiteinfo %}
  3. {% import 'macroEntete.html.twig' as traiteinfoEntete %}
  4. {% import 'macroCarteProducteur.html.twig' as traiteCarte %}
  5. {% import 'macroAbout.html.twig' as traiteinfoAbout %}
  6. {% import 'macroShop.html.twig' as traiteinfoShop %}
  7. {% import 'presentation/macroHead.html.twig' as traiteinfoHead %}
  8. {#{% import 'macro.html.twig' as traiteinfo %}#}
  9. {% block body %}
  10. {% set inc = 0 %}
  11. <body class="home-style2">
  15.     <div class="full-width-header header-style1 home1-modifiy">
  16.                 <!--Header Start-->
  17.                {{ traiteinfoHead.infoHead(typeSite,objetAbonne,listeMenu) }}
  18.                 <!--Header End-->
  19.     </div>
  20.             <!--Full width header End-->
  21.      <div class="main-content">
  22.         <div class="rs-breadcrumbs breadcrumbs-overlay">
  23.                 <div class="breadcrumbs-img">
  24.                     <br/><br/>
  25.                 </div>
  26.                 
  27.             </div>
  28.      
  29.      
  30.       {{ traiteCarte.getMap() }}
  32.             
  33.      </div>
  36.            
  37. {% endblock %}
  38. {% block javascripts %}
  39.     {{parent()}}
  40.     
  41.     
  43. <script >
  44.     $(document).ready(function () {
  45.         
  46.         getNearestCarListFunction() ;
  47.         
  48.     })
  50.     
  53.  function getNearestCarListFunction() {
  54.     
  55.     var map;
  56.     var bound;
  57.     var markers = [];
  58.     var marker;
  59.     var myLatLng;
  60.     var currentLatLng;
  61.     var driverListAjax;
  62.     var ajaxInProgress = false;
  63.     var mapInitailizeCount = 0;
  64.      currentLat = "8.946527";//jQuery("#currentLat").val();
  65.     currentLng = "-1.0231939999999895";//jQuery("#currentLng").val();
  66.     var currentLatLng = new google.maps.LatLng(currentLat, currentLng);
  67.     mapOptions = {
  68.         zoom: 8  ,
  69.         center: currentLatLng,
  70.         mapTypeId: google.maps.MapTypeId.SATELITE,
  71.         mapId: 'be545bf72cc6e081'
  72.     };
  74.     map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions);
  77.     basePath = "https://test.coo.tg/public";
  78.     
  79.     if (ajaxInProgress === true) {
  80.         return;
  81.     }
  82.       
  83.     ajaxInProgress = true;
  85.     jQuery.ajax({
  86.         url: "{{ path('api_liste_map_intentions_producteurs',{'typeLocalisation':1, 'idUtil':6940}) }}",
  87.         type: 'POST',
  88.         cache: false,
  89.         dataType: 'json',
  90.         timeout: 50000,
  91.         data: {},
  92.         error: function() {
  93.             ajaxInProgress = false;
  94.             if (mapInitailizeCount == 0) {
  95.              
  96.                 mapInitailizeCount = 1;
  97.             }
  98.         },
  99.         success: function(responseData) {
  100.             
  101.            // console.log("before if In map initailize mapInitailizeCount : " + mapInitailizeCount);
  102.            
  103.             if (mapInitailizeCount == 0) {
  104.                 
  105.                 bound = new google.maps.LatLngBounds();
  106.                 mapInitailizeCount = 1;
  107.                 
  108.                // console.log("in if In map initailize mapInitailizeCount : " + mapInitailizeCount);
  109.             }
  110.             //alert(mapInitailizeCount);
  111.             var nearestCarArr = [];
  112.             var listeLocalisation = responseData.data;
  113.             //alert(listeLocalisation[]);
  114.             for (var i = 1; i < 3; i++) {
  115.                // var donnee = listeLocalisation[i]["type"];
  116.                 
  117.                 for (var j = 0; j < responseData.data[i]['donnee'].length; j++) {
  118.                     //alert(listeLocalisation[i]["type"]);
  119.                     var userLat = responseData.data[i]['donnee'][j].latitude;
  120.                     var userLng = responseData.data[i]['donnee'][j].longitude;
  121.                     
  122.                    
  123.                     if (userLat === null || userLng === null) {
  124.                         continue;
  125.                     }
  126.                     if (((userLat - 0.0) < 0.000001) && ((userLng - 0.0) < 0.000001)) {
  127.                         continue;
  128.                     }
  129.                     nearestCarArr.push(responseData.data[i]['donnee'][j]);
  130.                 }
  131.             }
  133.             if (nearestCarArr.length > 0) {
  135.                 
  137.                 for (var j = 0; j < nearestCarArr.length; j++) {
  139.                     currentLat = nearestCarArr[j].latitude;
  140.                     currentLng = nearestCarArr[j].longitude;
  142.                     if (currentLat !== null && currentLng !== null) {
  143.                         break;
  144.                     }
  145.                 }
  146.                 var urlIcon = "";
  147.                 for (var k = 0; k < nearestCarArr.length; k++) {
  149.                     currentLat = nearestCarArr[k].latitude;
  150.                     currentLng = nearestCarArr[k].longitude;
  151.                    // tourId = nearestCarArr[k].tourId;
  153.                     myLatlng = new google.maps.LatLng(currentLat, currentLng);
  154.                     var iconImage = "";
  156.                     if ( nearestCarArr[k].typeLocalisation == "1" ) {  //tourId === "-1" &&
  157.                         iconImage = basePath + "/assets/map/farmer.png";
  158.                     } else if (nearestCarArr[k].typeLocalisation  == "3") {
  159.                         //alert(1);
  160.                         iconImage = basePath + "/assets/map/fournisseur.png";
  161.                     }
  162.                     
  163.                     if ( nearestCarArr[k].typeLocalisation == "1" ) {  //tourId === "-1" &&
  164.                         urlIcon = "{{ path('app_admin_article_producteur',{'idProd':"+ nearestCarArr[k].id+" })}}";
  165.                         //urlIcon = urlIcon+"/"+nearestCarArr[k].id;
  166.                     } 
  167.                     
  168.                   
  170.                     contentString = "";
  172.                     contentString = "<div id='content' style='width:300px;height:100px;'>" ;
  174.                        /* "<div id='leftMenu' style='height:120px;width:88px;float:left;'>" +
  175.                         "<img  src=" + basePath + nearestCarArr[k].photoUrl + " style='height:78px;width:88px;padding-top:25px;border-radius:60px;'>" +
  176.                         "</div>" +*/
  177.                     var prenom = nearestCarArr[k].prenoms;
  178.                     if(nearestCarArr[k].prenoms == null)
  179.                         var prenom ="";
  180.                     if ( nearestCarArr[k].typeLocalisation == "1" ) { 
  181.                        contentString +=  "<div id='rightMenu' style='height:120px;width:200px;margin-left: 18px;color:#000;'>" +
  182.                         "<h1 id='firstHeading' class='firstHeading' style='font-size:18px;color:#000;'>" +" "
  183.                          + nearestCarArr[k].nomProd+" "+ prenom ;    //Nom et prenom
  184.                     } else if (nearestCarArr[k].typeLocalisation  == "3") {
  185.                          contentString +=  "<div id='rightMenu' style='height:120px;width:200px;margin-left: 18px;color:#000;'>" +
  186.                         "<h1 id='firstHeading' class='firstHeading' style='font-size:18px;color:#000;'>" +" "
  187.                          + nearestCarArr[k].nomProd ;    //Nom et prenom
  189.                     }
  191.                   
  192.                     if ( nearestCarArr[k].typeLocalisation == "1" ) { 
  193.                        contentString += "</h1>" +
  194.                         "<div id='bodyContent' style='color:#000;'>" +
  195.                        /* "<div>" +
  196.                         "<p style='font-size:14px;margin-left: 38px;margin-top: 2px;'>" + nearestCarArr[k].nom +" "+ nearestCarArr[k].prenoms + "</p></br>" +
  197.                         "</div>" +*/                    
  198.                             "<div>" +
  199.                             "<p style='font-size:14px;margin-top: 2px;'> Parcelle  : " + nearestCarArr[k].codeSurface + " <br/> Surperficie : "+ nearestCarArr[k].valSurface +"</p>" +
  200.                             "" +
  201.                         "<div>";    //Nom et prenom
  202.                     } else if (nearestCarArr[k].typeLocalisation  == "3") {
  203.                          contentString += "</h1>" +
  204.                         "<div id='bodyContent'>" +
  205.                        /* "<div>" +
  206.                         "<p style='font-size:14px;margin-left: 38px;margin-top: 2px;'>" + nearestCarArr[k].nom +" "+ nearestCarArr[k].prenoms + "</p></br>" +
  207.                         "</div>" +*/                    
  208.                             "<div>" +
  209.                             "("+currentLat+", "+currentLng+") </div>" +
  210.                         "<div>";
  211.                     }
  212.                     
  213.                    
  215.                     contentString += "</div>" +
  216.                         "</div>" +
  217.                         "</div>" +
  218.                         "</div>";
  220.                   
  221.                     marker = new google.maps.Marker({
  222.                         map: map,
  223.                         icon: new google.maps.MarkerImage(iconImage),
  224.                         position: myLatlng,
  225.                         url: urlIcon,
  226.                         info: contentString
  227.                     });
  229.                     markers.push(marker);
  231.                     bound.extend(myLatlng);
  233.                     if (mapInitailizeCount == 1) {
  234.                         map.fitBounds(bound);
  235.                         mapInitailizeCount = 2;
  236.                       
  237.                     }
  238.                     
  239.                     
  240.                      var infowindow;
  241.                     google.maps.event.addListener(marker, 'mouseover', function() {
  242.                         infowindow = new google.maps.InfoWindow({});
  243.                         infowindow.setContent(this.info);
  244.                         infowindow.open(map, this);
  245.                     });
  247.                     google.maps.event.addListener(marker, 'mouseout', function() {
  248.                         infowindow.close(map, this);
  249.                     });
  250.                      google.maps.event.addListener(marker, 'click', function() {
  251.                         window.location.href = this.url;
  252.                     });
  253.                    
  255.                 }
  256.             }
  257.            
  258.             ajaxInProgress = false;
  259.         }
  260.     });
  261. }  
  262. </script>
  264. {% endblock %}