Kemping - Camping Warszawa nr 184 (2024)

', className: 'leaflet-cluster2 typo1' }); return L.divIcon({ html: '

' + cluster.getChildCount() +'

', className: 'leaflet-cluster typ1', iconSize: L.point(40, 40) }); }, } ); //map.addLayer(markers); var marker = L.marker(["52.19947", "20.92402"], {icon: ikonaCatalog1, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/4305", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.20923", "20.91004"], {icon: ikonaCatalog1, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/4306", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.19387", "21.10296"], {icon: ikonaCatalog21, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/4314", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.011108", "21.343002"], {icon: ikonaCatalog13, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/5172", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.478552", "20.956822"], {icon: ikonaCatalog3, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/6615", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.130903111530145", "20.888500928813304"], {icon: ikonaCatalog1, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/16536", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.27382976711934", "20.592842102050785"], {icon: ikonaCatalog, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/katalog/16589", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); console.log('start clustering: ' + window.performance.now()); //console.log(markerList); // view-source:https://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.50000.html markers.addLayers(markerList); map.addLayer(markers); console.log('end clustering: ' + window.performance.now()); // markers._getExpandedVisibleBounds = function () { return markers._map.getBounds(); }; // markery atrakcje var marker = L.marker(["51.958045404067086", "21.233852565256047"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54453", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); //var markers = L.markerClusterGroup( var markers = L.markerClusterGroup( { chunkedLoading: true, //chunkProgress: updateProgressBar, showCoverageOnHover: false, removeOutsideVisibleBound: false, spiderfyOnMaxZoom: false, //maxClusterRadius: function(zoom) { return 110; }, maxClusterRadius: function(zoom) { return 50; }, disableClusteringAtZoom: 10, iconCreateFunction: function (cluster) { //return L.divIcon({ html: '

' + cluster.getChildCount() +'

', className: 'leaflet-cluster2 typo' }); return L.divIcon({ html: '

' + cluster.getChildCount() +'

', className: 'leaflet-cluster typ', iconSize: L.point(40, 40) }); }, } ); //map.addLayer(markers); var marker = L.marker(["51.97769317905504", "20.525835075659796"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54455", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.218713816675184", "21.01136440407208"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54456", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.43930074849082", "20.67522222895088"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54457", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.23503291104924", "20.997341542744557"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54458", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.233555824501494", "21.012802669314063"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54459", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.31183704579695", "20.59819076611128"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54460", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.215180028456814", "20.990750207575722"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54461", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.1531509829593", "21.110409866930844"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54462", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.213581317575326", "21.031649552904117"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54463", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.25172434363609", "21.006774586372334"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54464", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); var marker = L.marker(["52.23183685619981", "20.986633300781254"], {icon: ikonaAtrakcja, alt: 'Lokalizacja na mapie' }); marker.bindPopup((layer)=>{ var el = document.createElement('div'); $.getJSON("/mapa/marker/przewodnik/54465", function(data){ el.innerHTML = data.content; }); return el; }) .on("click", function(e) { this.openPopup(); //map.setView(e.target.getLatLng()); recenter(map, e.target.getLatLng(), 0, -100); }); markerList.push(marker); console.log('start clustering: ' + window.performance.now()); //console.log(markerList); // view-source:https://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.50000.html markers.addLayers(markerList); map.addLayer(markers); console.log('end clustering: ' + window.performance.now()); // markers._getExpandedVisibleBounds = function () { return markers._map.getBounds(); }; // function addLocation(lat,lon) { //var radius = accuracy / 5; L.marker([lat, lon], { icon: ikonaMojaLokalizacja }).addTo(map); //L.circle([lat, lon], 4).addTo(map); } map.invalidateSize() } // LoadMap(); });