templates/widget/map.html.twig line 1

Open in your IDE?
  1.  
  3.     <div class="col-lg-12">
  4.                             <div class="application_statics mt30">
  5.                                 <h4 class="mb30">Property Attachments</h4>
  6. <div id='map'></div>
  8. <script>
  9.     var map = L.map('map').setView([{{ latitude }}, {{ longitude }}], {{ zoom }});
  11.     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  12.         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
  13.     }).addTo(map);
  15.     var LeafIcon = L.Icon.extend({
  16.         options: {
  17.             
  18.             iconSize:     [38, 95],
  19.             shadowSize:   [50, 64],
  20.             iconAnchor:   [22, 94],
  21.             shadowAnchor: [4, 62],
  22.             popupAnchor:  [-3, -76]
  23.         }
  24.     });
  26.     var Icon1 = new LeafIcon({iconUrl: '{{ asset('images/icons/schools.png') }}'});
  27.     var Icon2 = new LeafIcon({iconUrl: '{{ asset('images/icons/transport.png') }}'});
  28.     var Icon3 = new LeafIcon({iconUrl: '{{ asset('images/icons/shopping.png') }}'});
  29.     var Icon4 = new LeafIcon({iconUrl: '{{ asset('images/icons/transport.png') }}'});
  30.  
  33.  
  34.      var logementIcon = new LeafIcon({iconUrl: '{{ asset('images/icons/home.png') }}'});
  37.  var mOrange = L.marker([{{ latitude }}, {{ longitude }}], {icon: logementIcon}).bindPopup('I am an orange leaf.').addTo(map);
  40.     {% for  adresse in  adresse %}
  42.  {% if adresse.typenbr == 1 %}
  43.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon1}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.amenity}}').addTo(map);
  44. {% endif %}
  46.    {% if adresse.typenbr == 2 %}
  47.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon2}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.nom}}').addTo(map);
  48. {% endif %}
  49.  {% if adresse.typenbr == 3 %}
  50.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon3}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.nom}}').addTo(map);
  51. {% endif %}
  53.  {% if adresse.typenbr == 4 %}
  54.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon4}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.nom}}').addTo(map);
  55. {% endif %}
  56.  {% if adresse.typenbr == 5 %}
  57.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon5}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.nom}}').addTo(map);
  58. {% endif %}
  61.  {% if adresse.typenbr == 6 %}
  62.      var mGreen{{ adresse.nbr }} = L.marker([{{ adresse.lat }}, {{ adresse.lon }}], {icon: Icon6}).bindPopup('{{ adresse.type }}</br>{{ adresse.typenbr}}</br>{{ adresse.nom}}').addTo(map);
  63. {% endif %}
  67.   {% endfor %}
  69. </script>
  70.                             </div>
  71.                         </div>