https://www.wermachtwas.online/_next/static/chunks/app/karte/page-…?dpl=dpl_1suq1zWs7B5UrPM9yieABZhPidR4

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[170],{5999:function(e,t,r){Promise.resolve().then(r.bind(r,1932))},1932:function(e,t,r){"use strict";r.d(t,{default:function(){return u}});var n=r(7437),i=r(2265),s=r(3350);let a="4.7.1";async function o(){let e=window;if(e.maplibregl)return e.maplibregl;if(!document.getElementById("maplibre-css")){let e=document.createElement("link");e.id="maplibre-css",e.rel="stylesheet",e.href="https://unpkg.com/maplibre-gl@".concat(a,"/dist/maplibre-gl.css"),document.head.appendChild(e)}return await new Promise((t,r)=>{if(e.maplibregl)return t();let n=document.createElement("script");n.src="https://unpkg.com/maplibre-gl@".concat(a,"/dist/maplibre-gl.js"),n.onload=()=>t(),n.onerror=()=>r(Error("maplibre load failed")),document.head.appendChild(n)}),e.maplibregl}let l={version:8,glyphs:"https://fonts.openmaptiles.org/{fontstack}/{range}.pbf",sources:{carto:{type:"raster",tiles:["https://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png","https://b.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png","https://c.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png","https://d.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"],tileSize:256,attribution:"\xa9 OpenStreetMap-Mitwirkende \xa9 CARTO"}},layers:[{id:"carto",type:"raster",source:"carto"}]};function c(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function p(e){return("1"===e.featured?4:0)+("premium"===e.plan?2:0)+("1"===e.verified?1:0)}function d(e){let t=[e.city,e.region].filter(Boolean).map(c).join(" \xb7 "),r="1"===e.verified?'<span style="display:inline-block;background:#e6f4ea;color:#137333;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;margin-bottom:6px">Gepr\xfcft</span>':"";return'<div style="font-family:Inter,sans-serif;min-width:180px">'.concat(r)+"<div style=\"font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;color:#0a1b3d;line-height:1.25\">".concat(c(e.title),"</div>")+(e.cat?'<div style="color:#1565ff;font-size:12.5px;font-weight:600;margin-top:3px">'.concat(c(e.cat),"</div>"):"")+(t?'<div style="color:#5b6b8c;font-size:12.5px;margin-top:2px">'.concat(t,"</div>"):"")+'<a href="/listing/'.concat(encodeURIComponent(e.slug),'" style="display:inline-block;margin-top:10px;color:#1565ff;font-weight:600;font-size:13px;text-decoration:none">Zum Eintrag →</a></div>')}function u(e){var t;let{data:r}=e,a=r&&(null===(t=r.features)||void 0===t?void 0:t.length)?r:s,c=a.features,u=(0,i.useRef)(null),m=(0,i.useRef)(null),f=(0,i.useRef)(null),g=(0,i.useRef)(null),[h,x]=(0,i.useState)("loading"),[y,b]=(0,i.useState)(c);return(0,i.useEffect)(()=>{let e=!1;return(async()=>{try{let t=await o();if(e||!u.current)return;f.current=t;let r=new t.Map({container:u.current,style:l,center:[9.76,48.34],zoom:5.2,attributionControl:{compact:!0}});m.current=r,r.addControl(new t.NavigationControl({showCompass:!1}),"top-right");let n=new t.Popup({offset:14,closeButton:!0,closeOnClick:!0,maxWidth:"260px"});g.current=n;let i="",s=(e,t)=>n.setLngLat(e).setHTML(d(t)).addTo(r),h=e=>{let t=e.features[0];t.properties.slug===i&&n.isOpen()||(i=t.properties.slug,s(t.geometry.coordinates.slice(),t.properties))},y=()=>{let t=r.getBounds(),n=c.filter(e=>t.contains(e.geometry.coordinates));n.sort((e,t)=>p(t.properties)-p(e.properties)||e.properties.title.localeCompare(t.properties.title)),e||b(n)};r.on("load",()=>{if(r.addSource("biz",{type:"geojson",data:a,cluster:!0,clusterRadius:46,clusterMaxZoom:12}),r.addLayer({id:"clusters",type:"circle",source:"biz",filter:["has","point_count"],paint:{"circle-color":["step",["get","point_count"],"#1565ff",10,"#0d47d9",25,"#0a1b3d"],"circle-radius":["step",["get","point_count"],16,10,21,25,27],"circle-stroke-width":2,"circle-stroke-color":"#ffffff","circle-opacity":.92}}),r.addLayer({id:"cluster-count",type:"symbol",source:"biz",filter:["has","point_count"],layout:{"text-field":["get","point_count_abbreviated"],"text-font":["Open Sans Bold"],"text-size":12},paint:{"text-color":"#ffffff"}}),r.addLayer({id:"points",type:"circle",source:"biz",filter:["!",["has","point_count"]],paint:{"circle-color":["case",["==",["get","plan"],"premium"],"#e6a400","#1565ff"],"circle-radius":7,"circle-stroke-width":2,"circle-stroke-color":"#ffffff"}}),r.on("click","clusters",e=>{let t=r.queryRenderedFeatures(e.point,{layers:["clusters"]}

1),n=t[0].properties.cluster_id;r.getSource("biz").getClusterExpansionZoom(n,(e,n)=>{e||r.easeTo({center:t[0].geometry.coordinates,zoom:n})})}),r.on("mouseenter","points",e=>{r.getCanvas().style.cursor="pointer",h(e)}),r.on("mousemove","points",h),r.on("mouseleave","points",()=>{r.getCanvas().style.cursor="",i=""}),r.on("click","points",h),r.on("mouseenter","clusters",()=>r.getCanvas().style.cursor="pointer"),r.on("mouseleave","clusters",()=>r.getCanvas().style.cursor=""),c.length){let e=new t.LngLatBounds;for(let t of c)e.extend(t.geometry.coordinates);r.fitBounds(e,{padding:50,maxZoom:11,duration:0})}r.on("moveend",y),y(),e||x("ready")}),r.on("error",()=>{})}catch(t){e||x("error")}})(),()=>{e=!0,m.current&&(m.current.remove(),m.current=null)}},[]),(0,n.jsxs)("div",{className:"map-explorer",children:[(0,n.jsxs)("div",{className:"map-shell",children:[(0,n.jsx)("div",{ref:u,className:"map-canvas"}),"loading"===h&&(0,n.jsx)("div",{className:"map-overlay",children:"Karte wird geladen …"}),"error"===h&&(0,n.jsx)("div",{className:"map-overlay",children:"Die Karte konnte nicht geladen werden. Bitte Seite neu laden."})]}),(0,n.jsxs)("div",{className:"map-explorer__list","aria-label":"Firmen im Kartenausschnitt",children:[(0,n.jsxs)("div",{className:"map-explorer__head",children:[y.length," ",1===y.length?"Firma":"Firmen"," im Kartenausschnitt"]}),(0,n.jsxs)("ul",{className:"map-explorer__items",children:[y.slice(0,120).map(e=>{let t=e.properties,r=[t.city,t.region].filter(Boolean).join(" \xb7 ");return(0,n.jsx)("li",{children:(0,n.jsxs)("button",{className:"map-li",onClick:()=>(function(e){let t=m.current;if(!t||!g.current)return;let r=e.geometry.coordinates;t.flyTo({center:r,zoom:Math.max(t.getZoom(),14),duration:700}),g.current&&g.current.setLngLat(r).setHTML(d(e.properties)).addTo(t)})(e),children:[(0,n.jsxs)("span",{className:"map-li__main",children:[(0,n.jsx)("span",{className:"map-li__title",children:t.title}),t.cat&&(0,n.jsx)("span",{className:"map-li__cat",children:t.cat}),r&&(0,n.jsx)("span",{className:"map-li__loc",children:r})]}),(0,n.jsx)("span",{className:"map-li__badges",children:"1"===t.featured?(0,n.jsx)("span",{className:"badge featured",children:"Empfohlen"}):"premium"===t.plan?(0,n.jsx)("span",{className:"badge premium",children:"Premium"}):"1"===t.verified?(0,n.jsx)("span",{className:"badge verified",children:"Gepr\xfcft"}):null})]})},t.slug)}),0===y.length&&(0,n.jsx)("li",{className:"map-explorer__empty",children:"Keine Firmen in diesem Ausschnitt – zoom heraus oder verschiebe die Karte."})]})]})]})}}},function(e){e.O(0,[350,971,117,744],function(){return e(e.s=5999)}),_N_E=e.O()}]);