' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + '\ \ '; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Gastronomie_2_0() { return { pane: 'pane_Gastronomie_2', shape: 'square', radius: 8.8, opacity: 1, color: 'rgba(169,167,20,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(249,246,31,0.7490196078431373)', interactive: true, } } map.createPane('pane_Gastronomie_2'); map.getPane('pane_Gastronomie_2').style.zIndex = 404; map.getPane('pane_Gastronomie_2').style['mix-blend-mode'] = 'normal'; var layer_Gastronomie_2 = new L.geoJson(json_Gastronomie_2, { attribution: '', interactive: true, dataVar: 'json_Gastronomie_2', layerName: 'layer_Gastronomie_2', pane: 'pane_Gastronomie_2', onEachFeature: pop_Gastronomie_2, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.shapeMarker(latlng, style_Gastronomie_2_0(feature)); }, }); var cluster_Gastronomie_2 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Gastronomie_2.addLayer(layer_Gastronomie_2); bounds_group.addLayer(layer_Gastronomie_2); cluster_Gastronomie_2.addTo(map); function pop_Supermrkte_3(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '
\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Supermrkte_3_0() { return { pane: 'pane_Supermrkte_3', radius: 8.4, opacity: 1, color: 'rgba(54,136,166,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(71,178,217,0.8)', interactive: true, } } map.createPane('pane_Supermrkte_3'); map.getPane('pane_Supermrkte_3').style.zIndex = 403; map.getPane('pane_Supermrkte_3').style['mix-blend-mode'] = 'normal'; var layer_Supermrkte_3 = new L.geoJson(json_Supermrkte_3, { attribution: '', interactive: true, dataVar: 'json_Supermrkte_3', layerName: 'layer_Supermrkte_3', pane: 'pane_Supermrkte_3', onEachFeature: pop_Supermrkte_3, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.circleMarker(latlng, style_Supermrkte_3_0(feature)); }, }); var cluster_Supermrkte_3 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Supermrkte_3.addLayer(layer_Supermrkte_3); bounds_group.addLayer(layer_Supermrkte_3); cluster_Supermrkte_3.addTo(map); function pop_Naturkostgeschfte_4(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Naturkostgeschfte_4_0() { return { pane: 'pane_Naturkostgeschfte_4', radius: 8.4, opacity: 1, color: 'rgba(165,38,48,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1.0, fill: true, fillOpacity: 1, fillColor: 'rgba(244,57,70,0.6)', interactive: true, } } map.createPane('pane_Naturkostgeschfte_4'); map.getPane('pane_Naturkostgeschfte_4').style.zIndex = 410; map.getPane('pane_Naturkostgeschfte_4').style['mix-blend-mode'] = 'normal'; var layer_Naturkostgeschfte_4 = new L.geoJson(json_Naturkostgeschfte_4, { attribution: '', interactive: true, dataVar: 'json_Naturkostgeschfte_4', layerName: 'layer_Naturkostgeschfte_4', pane: 'pane_Naturkostgeschfte_4', onEachFeature: pop_Naturkostgeschfte_4, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.circleMarker(latlng, style_Naturkostgeschfte_4_0(feature)); }, }); var cluster_Naturkostgeschfte_4 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Naturkostgeschfte_4.addLayer(layer_Naturkostgeschfte_4); bounds_group.addLayer(layer_Naturkostgeschfte_4); cluster_Naturkostgeschfte_4.addTo(map); function pop_Eislden_5(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Eislden_5_0() { return { pane: 'pane_Eislden_5', radius: 8.8, opacity: 1, color: 'rgba(139,137,22,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(249,246,31,0.7411764705882353)', interactive: true, } } map.createPane('pane_Eislden_5'); map.getPane('pane_Eislden_5').style.zIndex = 405; map.getPane('pane_Eislden_5').style['mix-blend-mode'] = 'normal'; var layer_Eislden_5 = new L.geoJson(json_Eislden_5, { attribution: '', interactive: true, dataVar: 'json_Eislden_5', layerName: 'layer_Eislden_5', pane: 'pane_Eislden_5', onEachFeature: pop_Eislden_5, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.circleMarker(latlng, style_Eislden_5_0(feature)); }, }); var cluster_Eislden_5 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Eislden_5.addLayer(layer_Eislden_5); bounds_group.addLayer(layer_Eislden_5); cluster_Eislden_5.addTo(map); function pop_Bioukomrkte_6(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Bioukomrkte_6_0() { return { pane: 'pane_Bioukomrkte_6', shape: 'triangle', radius: 9.2, opacity: 1, color: 'rgba(48,62,143,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(72,93,213,0.6)', interactive: true, } } map.createPane('pane_Bioukomrkte_6'); map.getPane('pane_Bioukomrkte_6').style.zIndex = 406; map.getPane('pane_Bioukomrkte_6').style['mix-blend-mode'] = 'normal'; var layer_Bioukomrkte_6 = new L.geoJson(json_Bioukomrkte_6, { attribution: '', interactive: true, dataVar: 'json_Bioukomrkte_6', layerName: 'layer_Bioukomrkte_6', pane: 'pane_Bioukomrkte_6', onEachFeature: pop_Bioukomrkte_6, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.shapeMarker(latlng, style_Bioukomrkte_6_0(feature)); }, }); var cluster_Bioukomrkte_6 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Bioukomrkte_6.addLayer(layer_Bioukomrkte_6); bounds_group.addLayer(layer_Bioukomrkte_6); cluster_Bioukomrkte_6.addTo(map); function pop_FriseureKosmetik_7(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_FriseureKosmetik_7_0() { return { pane: 'pane_FriseureKosmetik_7', shape: 'triangle', radius: 9.2, opacity: 1, color: 'rgba(143,77,130,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(251,136,228,0.6)', interactive: true, } } map.createPane('pane_FriseureKosmetik_7'); map.getPane('pane_FriseureKosmetik_7').style.zIndex = 407; map.getPane('pane_FriseureKosmetik_7').style['mix-blend-mode'] = 'normal'; var layer_FriseureKosmetik_7 = new L.geoJson(json_FriseureKosmetik_7, { attribution: '', interactive: true, dataVar: 'json_FriseureKosmetik_7', layerName: 'layer_FriseureKosmetik_7', pane: 'pane_FriseureKosmetik_7', onEachFeature: pop_FriseureKosmetik_7, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.shapeMarker(latlng, style_FriseureKosmetik_7_0(feature)); }, }); var cluster_FriseureKosmetik_7 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_FriseureKosmetik_7.addLayer(layer_FriseureKosmetik_7); bounds_group.addLayer(layer_FriseureKosmetik_7); cluster_FriseureKosmetik_7.addTo(map); function pop_Bcker_8(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Bcker_8_0() { return { pane: 'pane_Bcker_8', radius: 8.8, opacity: 1, color: 'rgba(109,88,81,0.8)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(180,146,133,0.6392156862745098)', interactive: true, } } map.createPane('pane_Bcker_8'); map.getPane('pane_Bcker_8').style.zIndex = 408; map.getPane('pane_Bcker_8').style['mix-blend-mode'] = 'normal'; var layer_Bcker_8 = new L.geoJson(json_Bcker_8, { attribution: '', interactive: true, dataVar: 'json_Bcker_8', layerName: 'layer_Bcker_8', pane: 'pane_Bcker_8', onEachFeature: pop_Bcker_8, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.circleMarker(latlng, style_Bcker_8_0(feature)); }, }); var cluster_Bcker_8 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Bcker_8.addLayer(layer_Bcker_8); bounds_group.addLayer(layer_Bcker_8); cluster_Bcker_8.addTo(map); function pop_Naturtextilien_9(feature, layer) { layer.on({ mouseout: function(e) { for (i in e.target._eventParents) { e.target._eventParents[i].resetStyle(e.target); } if (typeof layer.closePopup == 'function') { layer.closePopup(); } else { layer.eachLayer(function(feature){ feature.closePopup() }); } }, mouseover: highlightFeature, }); var popupContent = '\ \ ' + (feature.properties['Name'] !== null ? autolinker.link(feature.properties['Name'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Adresse'] !== null ? autolinker.link(feature.properties['Adresse'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['Webseite'] !== null ? "Web:" : '') + ' | \ ' + (feature.properties['Webseite'] !== null ? autolinker.link(feature.properties['Webseite'].toLocaleString()) : '') + ' | \
\ \ \ ' + (feature.properties['Telefon'] !== null ? "Tel.:" : '') + ' | \ ' + (feature.properties['Telefon'] !== null ? autolinker.link(feature.properties['Telefon'].toLocaleString()) : '') + ' | \
\ \ ' + (feature.properties['geöffnet'] !== null ? "Öffnungszeiten:" : '') + '\ ' + (feature.properties['geöffnet'] !== null ? autolinker.link(feature.properties['geöffnet'].toLocaleString()) : '') + ' | \
\
'; layer.bindPopup(popupContent, {maxHeight: 400}); } function style_Naturtextilien_9_0() { return { pane: 'pane_Naturtextilien_9', shape: 'triangle', radius: 8.8, opacity: 1, color: 'rgba(38,80,33,0.803921568627451)', dashArray: '', lineCap: 'butt', lineJoin: 'miter', weight: 1, fill: true, fillOpacity: 1, fillColor: 'rgba(40,122,31,0.6)', interactive: true, } } map.createPane('pane_Naturtextilien_9'); map.getPane('pane_Naturtextilien_9').style.zIndex = 409; map.getPane('pane_Naturtextilien_9').style['mix-blend-mode'] = 'normal'; var layer_Naturtextilien_9 = new L.geoJson(json_Naturtextilien_9, { attribution: '', interactive: true, dataVar: 'json_Naturtextilien_9', layerName: 'layer_Naturtextilien_9', pane: 'pane_Naturtextilien_9', onEachFeature: pop_Naturtextilien_9, pointToLayer: function (feature, latlng) { var context = { feature: feature, variables: {} }; return L.shapeMarker(latlng, style_Naturtextilien_9_0(feature)); }, }); var cluster_Naturtextilien_9 = new L.MarkerClusterGroup({showCoverageOnHover: false, spiderfyDistanceMultiplier: 2}); cluster_Naturtextilien_9.addLayer(layer_Naturtextilien_9); bounds_group.addLayer(layer_Naturtextilien_9); cluster_Naturtextilien_9.addTo(map); var osmGeocoder = new L.Control.Geocoder({ collapsed: true, position: 'topleft', text: 'Search', title: 'Testing' }).addTo(map); document.getElementsByClassName('leaflet-control-geocoder-icon')[0] .className += ' fa fa-search'; document.getElementsByClassName('leaflet-control-geocoder-icon')[0] .title += 'Search for a place'; var baseMaps = {"Mapbox Streets": layer_MapboxStreets_3,"Mapbox Satellite": layer_MapboxSatellite_2,"OpenStreetMap": layer_OpenStreetMap_0,}; L.control.layers(baseMaps,{' Naturtextilien': cluster_Naturtextilien_9,' Bäcker': cluster_Bcker_8,' Friseure & Kosmetik': cluster_FriseureKosmetik_7,' Bio- u. Ökomärkte': cluster_Bioukomrkte_6,' Eisläden': cluster_Eislden_5,' Naturkostgeschäfte': cluster_Naturkostgeschfte_4,' Supermärkte': cluster_Supermrkte_3,' Gastronomie': cluster_Gastronomie_2,' Stadtbezirke': layer_Stadtbezirke_1,},{collapsed:false}).addTo(map); setBounds();