function drzewo(id,m){
     var parametr = {id : id, m : m};
     $.ajax({
       data: parametr,
       url: 'odczyt/pokaz.php',
       type: 'POST',
       beforeSend: function(){$("#panel").html("Wyszukuję...");},
       success: function(response){$("#panel").html(response)
       sidebar.toggle();
              }
       });               
     }         
let zoom = 12; 

let lat = 51.415;
let lon = 21.161;
let map = L.map('map', {minZoom: 0, maxZoom: 18, zoomControl: false})
.setView([lat, lon], zoom);
var zoomHome = L.Control.zoomHome();
zoomHome.addTo(map);

      

L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
		maxZoom: 19,
        opacity: 0.6,
		attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
	}).addTo(map);
      
var sidebar = L.control.sidebar('sidebar', {
closeButton: true,
position: 'left'
});
map.addControl(sidebar);

L.marker([51.39560099814728, 21.154813170433044], {icon: L.AwesomeMarkers.icon({icon: 'car', prefix: 'fa', markerColor: 'green'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 1<br /><b>Kategoria:</B> Nieprzepisowe parkowanie<br /><b>Lokalizacja:</b> Adama Mickiewicza 4<br /><a href="zgloszenie,1"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(1);}).on('click', markerOnClick);

L.marker([51.37173014365859, 21.180385351181034], {icon: L.AwesomeMarkers.icon({icon: 'paw', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 2<br /><b>Kategoria:</B> Martwe zwierzęta<br /><b>Lokalizacja:</b> Willowa 35<br /><a href="zgloszenie,2"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(2);}).on('click', markerOnClick);

L.marker([51.37962932637241, 21.18496656417847], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'lightblue'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 3<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Skaryszewska 6a<br /><a href="zgloszenie,3"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(3);}).on('click', markerOnClick);

L.marker([51.38472506594075, 21.177322268486023], {icon: L.AwesomeMarkers.icon({icon: 'tree', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 63<br /><b>Kategoria:</B> Dewastacja zieleni, drzew<br /><b>Lokalizacja:</b> Juliusza Słowackiego 140A<br /><a href="zgloszenie,63"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(63);}).on('click', markerOnClick);

L.marker([51.41281175506287, 21.184977293014526], {icon: L.AwesomeMarkers.icon({icon: 'tree', prefix: 'fa', markerColor: 'blue'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 5<br /><b>Kategoria:</B> Uszkodzenia drzew przy pracach budowlanych<br /><b>Lokalizacja:</b> Księdza Ignacego Skorupki <br /><a href="zgloszenie,5"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(5);}).on('click', markerOnClick);

L.marker([51.38162748527474, 21.192883137517864], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 6<br /><b>Kategoria:</B> Niebezpieczne miejsce<br /><b>Lokalizacja:</b> Skaryszewska 34A<br /><a href="zgloszenie,6"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(6);}).on('click', markerOnClick);

L.marker([51.36360853714877, 21.063623428344727], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 7<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Tadeusza Sygietyńskiego <br /><a href="zgloszenie,7"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(7);}).on('click', markerOnClick);

L.marker([51.380482683599325, 21.16594103245449], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 8<br /><b>Kategoria:</B> Uszkodzenia<br /><b>Lokalizacja:</b> Osiedlowa 30<br /><a href="zgloszenie,8"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(8);}).on('click', markerOnClick);

L.marker([51.37527640572765, 21.18273228406906], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 9<br /><b>Kategoria:</B> Niebezpieczne miejsce<br /><b>Lokalizacja:</b> Konstantego Ildefonsa Gałczyńskiego 4a<br /><a href="zgloszenie,9"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(9);}).on('click', markerOnClick);

L.marker([51.398658256330414, 21.156817954033617], {icon: L.AwesomeMarkers.icon({icon: 'paw', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 10<br /><b>Kategoria:</B> Martwe zwierzęta<br /><b>Lokalizacja:</b> Aleja Biskupa Jana Chrapka <br /><a href="zgloszenie,10"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(10);}).on('click', markerOnClick);

L.marker([51.39607867860434, 21.15788765251637], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 11<br /><b>Kategoria:</B> Brak koszy na odpady, śmieci<br /><b>Lokalizacja:</b> Stefana Wyszyńskiego 9<br /><a href="zgloszenie,11"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(11);}).on('click', markerOnClick);

L.marker([51.4000970221385, 21.159196507855636], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 12<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Juliusza Słowackiego 3<br /><a href="zgloszenie,12"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(12);}).on('click', markerOnClick);

L.marker([51.377043166588365, 21.157309005512857], {icon: L.AwesomeMarkers.icon({icon: 'users', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 13<br /><b>Kategoria:</B> Miejsce nielegalnego spożywania alkoholu<br /><b>Lokalizacja:</b> Lipska 5<br /><a href="zgloszenie,13"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(13);}).on('click', markerOnClick);

L.marker([51.36930720893948, 21.12900495529175], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 14<br /><b>Kategoria:</B> Niebezpieczne miejsce<br /><b>Lokalizacja:</b> Południe <br /><a href="zgloszenie,14"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(14);}).on('click', markerOnClick);

L.marker([51.37150912106519, 21.133092641830444], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 15<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Czarnoleska 23<br /><a href="zgloszenie,15"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(15);}).on('click', markerOnClick);

L.marker([51.402485408858254, 21.13929390907288], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'lightblue'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 16<br /><b>Kategoria:</B> Uszkodzenia<br /><b>Lokalizacja:</b> Staromiejska 1<br /><a href="zgloszenie,16"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(16);}).on('click', markerOnClick);

L.marker([51.36694275650234, 21.1345785856247], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 25<br /><b>Kategoria:</B> Niebezpieczne miejsce<br /><b>Lokalizacja:</b> Jacka Kuronia <br /><a href="zgloszenie,25"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(25);}).on('click', markerOnClick);

L.marker([51.36834436237838, 21.136102080345157], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 26<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Jacka Kuronia <br /><a href="zgloszenie,26"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(26);}).on('click', markerOnClick);

L.marker([51.37257906142761, 21.162344813346866], {icon: L.AwesomeMarkers.icon({icon: 'cloud', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 27<br /><b>Kategoria:</B> Zanieczyszenie powietrza, smog, odory<br /><b>Lokalizacja:</b> Świętego Brata Alberta 15<br /><a href="zgloszenie,27"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(27);}).on('click', markerOnClick);

L.marker([51.3547838106044, 21.09213496527161], {icon: L.AwesomeMarkers.icon({icon: 'users', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 28<br /><b>Kategoria:</B> Dewastacja-graffiti<br /><b>Lokalizacja:</b> Odlewnicza 9<br /><a href="zgloszenie,28"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(28);}).on('click', markerOnClick);

L.marker([51.37721852915664, 21.16452777913968], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 29<br /><b>Kategoria:</B> Uszkodzona ławka, kosz na śmieci<br /><b>Lokalizacja:</b> Wyścigowa 19<br /><a href="zgloszenie,29"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(29);}).on('click', markerOnClick);

L.marker([51.41427337083485, 21.178734123117074], {icon: L.AwesomeMarkers.icon({icon: 'car', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 35<br /><b>Kategoria:</B> Nieprzepisowe parkowanie<br /><b>Lokalizacja:</b> Orląt Lwowskich 5<br /><a href="zgloszenie,35"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(35);}).on('click', markerOnClick);

L.marker([51.432184370350775, 21.150527000427246], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 30<br /><b>Kategoria:</B> Zapchana, uszkodzona kratka burzowa, studzienka<br /><b>Lokalizacja:</b> Władysława Łokietka <br /><a href="zgloszenie,30"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(30);}).on('click', markerOnClick);

L.marker([51.39457343524868, 21.165847778320316], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 32<br /><b>Kategoria:</B> Zapchana, uszkodzona kratka burzowa, studzienka<br /><b>Lokalizacja:</b> Juliusza Słowackiego <br /><a href="zgloszenie,32"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(32);}).on('click', markerOnClick);

L.marker([51.43132373726878, 21.16303145885468], {icon: L.AwesomeMarkers.icon({icon: 'tree', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 33<br /><b>Kategoria:</B> Dewastacja zieleni, drzew<br /><b>Lokalizacja:</b> Michałów <br /><a href="zgloszenie,33"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(33);}).on('click', markerOnClick);

L.marker([51.385146866721435, 21.145322634433647], {icon: L.AwesomeMarkers.icon({icon: 'paw', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 34<br /><b>Kategoria:</B> Martwe zwierzęta<br /><b>Lokalizacja:</b> Czarna <br /><a href="zgloszenie,34"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(34);}).on('click', markerOnClick);

L.marker([51.42909110268103, 21.15456865839587], {icon: L.AwesomeMarkers.icon({icon: 'car', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 36<br /><b>Kategoria:</B> Porzucone pojazdy<br /><b>Lokalizacja:</b> Królewska <br /><a href="zgloszenie,36"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(36);}).on('click', markerOnClick);

L.marker([51.40353608058899, 21.143743091379296], {icon: L.AwesomeMarkers.icon({icon: 'lightbulb-o', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 37<br /><b>Kategoria:</B> Uszkodzona latarnia<br /><b>Lokalizacja:</b> Szwarlikowska <br /><a href="zgloszenie,37"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(37);}).on('click', markerOnClick);

L.marker([51.40225449500786, 21.141268014907837], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 38<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Wałowa <br /><a href="zgloszenie,38"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(38);}).on('click', markerOnClick);

L.marker([51.413741881732136, 21.18571758270264], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 39<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> gen. Władysława Andersa <br /><a href="zgloszenie,39"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(39);}).on('click', markerOnClick);

L.marker([51.363568344174055, 21.188367605209354], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 40<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Bieszczadzka <br /><a href="zgloszenie,40"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(40);}).on('click', markerOnClick);

L.marker([51.36356499475792, 21.188346147537235], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 41<br /><b>Kategoria:</B> Zalania, podtopienia<br /><b>Lokalizacja:</b> Bieszczadzka <br /><a href="zgloszenie,41"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(41);}).on('click', markerOnClick);

L.marker([51.363471211006214, 21.188313961029053], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 42<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Bieszczadzka <br /><a href="zgloszenie,42"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(42);}).on('click', markerOnClick);

L.marker([51.363585091251146, 21.188303232192993], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 43<br /><b>Kategoria:</B> Zalania, podtopienia<br /><b>Lokalizacja:</b> Bieszczadzka <br /><a href="zgloszenie,43"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(43);}).on('click', markerOnClick);

L.marker([51.362396033560216, 21.18798673152924], {icon: L.AwesomeMarkers.icon({icon: 'lightbulb-o', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 44<br /><b>Kategoria:</B> Uszkodzone, niedziałające podświetlenie architektury, pomnika<br /><b>Lokalizacja:</b> Bieszczadzka <br /><a href="zgloszenie,44"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(44);}).on('click', markerOnClick);

L.marker([51.40983165343514, 21.138450880494453], {icon: L.AwesomeMarkers.icon({icon: 'lightbulb-o', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 46<br /><b>Kategoria:</B> Uszkodzona latarnia<br /><b>Lokalizacja:</b> Stanisława Wernera 31<br /><a href="zgloszenie,46"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(46);}).on('click', markerOnClick);

L.marker([51.44890885890074, 21.197084784507755], {icon: L.AwesomeMarkers.icon({icon: 'bicycle', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 47<br /><b>Kategoria:</B> Ścieżki rowerowe<br /><b>Lokalizacja:</b> Nowa Wola Gołębiowska 64<br /><a href="zgloszenie,47"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(47);}).on('click', markerOnClick);

L.marker([51.44777550986018, 21.204385757446293], {icon: L.AwesomeMarkers.icon({icon: 'bicycle', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 48<br /><b>Kategoria:</B> Ścieżki rowerowe<br /><b>Lokalizacja:</b> Nowa Wola Gołębiowska 103A<br /><a href="zgloszenie,48"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(48);}).on('click', markerOnClick);

L.marker([51.401146761630315, 21.118710637092594], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 49<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Planowa 18<br /><a href="zgloszenie,49"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(49);}).on('click', markerOnClick);

L.marker([51.360071420344894, 21.18734300136566], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 50<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Bieszczadzka 63<br /><a href="zgloszenie,50"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(50);}).on('click', markerOnClick);

L.marker([51.35812856951685, 21.186769008636478], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 51<br /><b>Kategoria:</B> Zalania, podtopienia<br /><b>Lokalizacja:</b> Bieszczadzka 73<br /><a href="zgloszenie,51"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(51);}).on('click', markerOnClick);

L.marker([51.39216844618987, 21.148660182952884], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 52<br /><b>Kategoria:</B> Uszkodzenia<br /><b>Lokalizacja:</b> Tadeusza Kościuszki <br /><a href="zgloszenie,52"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(52);}).on('click', markerOnClick);

L.marker([51.395692340905256, 21.13429261313437], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 53<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Bolesława Limanowskiego 56<br /><a href="zgloszenie,53"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(53);}).on('click', markerOnClick);

L.marker([51.41065164689382, 21.182150244712833], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 56<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Generała Władysława Andersa <br /><a href="zgloszenie,56"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(56);}).on('click', markerOnClick);

L.marker([51.42158252090837, 21.1762938501397], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 57<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Stanisława Żółkiewskiego <br /><a href="zgloszenie,57"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(57);}).on('click', markerOnClick);

L.marker([51.405952025366865, 21.16059541692266], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 58<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Andrzeja Struga 32<br /><a href="zgloszenie,58"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(58);}).on('click', markerOnClick);

L.marker([51.411256594537235, 21.185138225555423], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 59<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Andrzeja Struga 108<br /><a href="zgloszenie,59"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(59);}).on('click', markerOnClick);

L.marker([51.41194986540636, 21.187037229537967], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 60<br /><b>Kategoria:</B> Nieodebrane odpady komunalne<br /><b>Lokalizacja:</b> Gołębiów I <br /><a href="zgloszenie,60"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(60);}).on('click', markerOnClick);

L.marker([51.402963705423026, 21.163242697753052], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 61<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Kazimierza Kelles-Krauza <br /><a href="zgloszenie,61"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(61);}).on('click', markerOnClick);

L.marker([51.41144184715973, 21.184274494703462], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 62<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Gołębiów I <br /><a href="zgloszenie,62"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(62);}).on('click', markerOnClick);

L.marker([51.40093926780279, 21.152597665786747], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 64<br /><b>Kategoria:</B> Uszkodzenia<br /><b>Lokalizacja:</b> Plac Konstytucji 3 Maja 5<br /><a href="zgloszenie,64"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(64);}).on('click', markerOnClick);

L.marker([51.40075352656191, 21.153968274593357], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 65<br /><b>Kategoria:</B> Uszkodzenia<br /><b>Lokalizacja:</b> Plac Konstytucji 3 Maja 8<br /><a href="zgloszenie,65"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(65);}).on('click', markerOnClick);

L.marker([51.4009579311084, 21.118693202733997], {icon: L.AwesomeMarkers.icon({icon: 'bus', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 66<br /><b>Kategoria:</B> Niedziałający biletomat, infomator elektroniczny<br /><b>Lokalizacja:</b> Planowa <br /><a href="zgloszenie,66"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(66);}).on('click', markerOnClick);

L.marker([51.40394281647642, 21.14191979169846], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 67<br /><b>Kategoria:</B> Niebezpieczne miejsce<br /><b>Lokalizacja:</b> Esterki <br /><a href="zgloszenie,67"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(67);}).on('click', markerOnClick);

L.marker([51.3901131431086, 21.133081650207117], {icon: L.AwesomeMarkers.icon({icon: 'car', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 68<br /><b>Kategoria:</B> Nieprzepisowe parkowanie<br /><b>Lokalizacja:</b> Łowicka 4<br /><a href="zgloszenie,68"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(68);}).on('click', markerOnClick);

L.marker([51.403754045191654, 21.178162662413595], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 69<br /><b>Kategoria:</B> Nielegalne składowanie śmieci, odpadów<br /><b>Lokalizacja:</b> Katowicka 25<br /><a href="zgloszenie,69"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(69);}).on('click', markerOnClick);

L.marker([51.39335840438598, 21.11659095071237], {icon: L.AwesomeMarkers.icon({icon: 'lightbulb-o', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 70<br /><b>Kategoria:</B> Uszkodzone, niedziałające podświetlenie architektury, pomnika<br /><b>Lokalizacja:</b> Aleja Władysława Wagnera <br /><a href="zgloszenie,70"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(70);}).on('click', markerOnClick);

L.marker([51.38041623787715, 21.163282498982884], {icon: L.AwesomeMarkers.icon({icon: 'road', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 71<br /><b>Kategoria:</B> Uszkodzenia jezdni, dziurawa nawierzchnia.<br /><b>Lokalizacja:</b> Osiedlowa 16<br /><a href="zgloszenie,71"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(71);}).on('click', markerOnClick);

L.marker([51.37479197822857, 21.15574657925208], {icon: L.AwesomeMarkers.icon({icon: 'trash', prefix: 'fa', markerColor: 'orange'}) }).addTo(map).bindPopup('<B>Zgłoszenie nr:</B> 72<br /><b>Kategoria:</B> Brak koszy na odpady, śmieci<br /><b>Lokalizacja:</b> Kapitana Wincentego Michalczewskiego <br /><a href="zgloszenie,72"><span class="mt-2 badge text-bg-primary text-center p-2">ZOBACZ PEŁNĄ HISTORIĘ ZGŁOSZENIA</span></a>').on('click',function (){drzewo(72);}).on('click', markerOnClick);


    var city_geom = (function () {
        var json = null;
        $.ajax({
            'async': false,
            'global': false,
            'url': "json/radom.json",
            'dataType': "json",
            'success': function (data) {
                json = data;
            }
        });
        return json;
    })(); 
    
    var cityLayer = L.geoJson(city_geom, {
        style: function(feature) {
            return {
                color: "#D00040",
                weight: 3,
                opacity: 0.9
            };
        }
    }).addTo(map);
    
    
function markerOnClick(e)
{
//map.setView(e.latlng, 16);
}
map.on('click', function () {
            sidebar.hide();
        })
        

var legend = L.control({ position: "bottomright" });

legend.onAdd = function(map) {
  var div = L.DomUtil.create("div", "legend");
  div.innerHTML += "<h4><b>Oznaczenie koloru ikon</b></h4>";
  div.innerHTML += '<p><i style="background: #f69730"></i><span>Zgłoszenie przesłane</span></p>';
  div.innerHTML += '<p><i style="background: #8adaff"></i><span>Zgłoszenie wysłane do instytucji</span></p>';
  div.innerHTML += '<p><i style="background: #38aadd"></i><span>Zgłoszenie w realizacji</span></p>';
  div.innerHTML += '<p><i style="background: #72b026"></i><span>Zgłoszenie zrealizowane</span></p>';
  div.innerHTML += '<p><i style="background: #f00000"></i><span>Zgłoszenie zawieszone lub odrzucone</span></p>';
  return div;
};
legend.addTo(map);