https://www.motorradonline.de/_next/static/chunks/mehrtankendetailmapladen.14316799f944fb99.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15053,51509,62178],{7228:e=>{e.exports={color:"detailMap_color__BbXOM",select:"detailMap_select__j1ryg"}},15288:(e,t,a)=>{"use strict";a.r(t),a.d(t,{DetailMapLegend:()=>i});var l=a(6029),r=a(92593),n=a.n(r),s=a(58001);let i=function({isDetail:e,source:t}){let{getQuintiles:a,formatPrice:r}=(0,s.F)(e=>({getQuintiles:e.getQuintiles,formatPrice:e.formatPrice}));if("strom"===t)return(0,l.jsx)("div",{className:"flex flex-wrap gap-4 justify-center mb-8",children:[e?"unter 50":"unter 1.000",e?"51- 100":"1.000 - 3.000",e?"101 - 150":"3.001 - 5.000",e?"151 - 200":"5.001 - 7.000",e?"\xfcber 200":"\xfcber 7.000"].map((e,t)=>(0,l.jsx)(o,{label:e,index:t,isLaden:!0},"map-legend-"+t))});{let e=(a()||[]).map(e=>`${r(e[0])} - ${r(e[1])}`);return(0,l.jsx)("div",{className:"flex flex-wrap gap-4 justify-center mb-8",children:e.map((e,t)=>(0,l.jsx)(o,{label:e,index:t,isLaden:!1},"map-legend-"+t))})}},o=({label:e,index:t,isLaden:a})=>(0,l.jsxs)("span",{className:"relative text-xs",children:[(0,l.jsx)("span",{className:"absolute w-4 h-4 rounded-full",style:{backgroundColor:a?`rgba(131, 184, 96, ${(t+1)*.2})`:`rgba(40, 166, 238, ${(t+1)*.2})`}}),(0,l.jsx)("span",{className:"pl-6 "+n().color,children:e})]})},48619:(e,t,a)=>{"use strict";a.r(t),a.d(t,{DetailMap:()=>b});var l=a(6029),r=a(7228),n=a.n(r),s=a(55729),i=a(59293),o=a(38252),u=a(46756),c=a(81163),d=a(15288),p=a(58001);let g=[{value:"Schleswig-Holstein",label:"Schleswig-Holstein"},{value:"Mecklenburg-Vorpommern",label:"Mecklenburg-Vorpommern"},{value:"Niedersachsen",label:"Niedersachsen"},{value:"Bremen",label:"Bremen"},{value:"Hamburg",label:"Hamburg"},{value:"Brandenburg",label:"Brandenburg"},{value:"Berlin",label:"Berlin"},{value:"Sachsen-Anhalt",label:"Sachsen-Anhalt"},{value:"Sachsen",label:"Sachsen"},{value:"Nordrhein-Westfalen",label:"Nordrhein-Westfalen"},{value:"Hessen",label:"Hessen"},{value:"Th\xfcringen",label:"Th\xfcringen"},{value:"Rheinland-Pfalz",label:"Rheinland-Pfalz"},{value:"Saarland",label:"Saarland"},{value:"Baden-W\xfcrttemberg",label:"Baden-W\xfcrttemberg"},{value:"Bayern",label:"Bayern"}].sort((e,t)=>e.label.localeCompare(t.label)),b=({source:e,getDisplayName:t=()=>{},getDisplayDate:a=()=>{},getPointsCount:r=()=>{},getFillColor:b=()=>{},getFillOpacity:f=()=>{}})=>{let m=(0,s.useContext)(o.HP),h=(0,s.useRef)(null),x=(0,s.useRef)(null),v=(0,s.useMemo)(()=>!!(h.current&&x.current),[h.current,x.current]),{type:y,setType:j,enclosingFeature:M,setEnclosingFeature:k,selectedFeature:_,setSelectedFeature:D,geoData:N,setGeoData:F}=(0,p.F)(e=>e),S=(0,s.useMemo)(()=>"kreise"===y?y+M:y,[y,M]),w=N[S];async function B(){try{let e=new URLSearchParams({id:`${y}_4_niedrig.geo.json`,enclosingState:M}),t=await fetch(m.apiHost+`/mt/geodata?${e.toString()}`,{method:"GET",credentials:"include",headers:{Accept:"application/json","Content-Type":"application/json"}}).then(e=>e.json());F(S,t)}catch(e){console.log("error in MehrTankenDetailMap::fetchData",e)}}function A(e){e.target.getAttribute("custom-selected")||(e.target.style.fill="rgba(0,0,0,0.8)")}function E(e,t){e.target.getAttribute("custom-selected")||(e.target.style.fill=b(t))}function P(e,t){if("State"===t.properties.type)j("kreise"),k(t.properties.name);else{let a=(0,i.Ltv)(x.current);a.selectAll("path").style("fill",b.bind(this)).style("fill-opacity",f.bind(this)),a.selectAll("path")._groups[0].forEach((e,t)=>{e.removeAttribute("custom-selected"),e.dispatchEvent(new Event("mouseout"))}),e.target.style.fill="rgba(0,0,0,0.8)",e.target.style["fill-opacity"]=1,e.target.setAttribute("custom-selected","true"),D(t)}}function L(){D(null),k(""),j("bundeslaender")}return(0,s.useEffect)(()=>{B()},[S]),(0,s.useEffect)(()=>{if(v&&w){x.current.innerHTML="";let e=(0,i.Ltv)(x.current),t=parseInt(h.current.offsetWidth),a=1.25*t,l=(0,i.bAh)().translate([0,0]).scale(1),r=(0,i.zFW)().projection(l),n=r.bounds(w),s=.95/Math.max((n[1][0]-n[0][0])/t,(n[1][1]-n[0][1])/a),o=[(t-s*(n[1][0]+n[0][0]))/2,(a-s*(n[1][1]+n[0][1]))/2];l.scale(s).translate(o),e.attr("width",t).attr("height",a),e.selectAll("path").data(w.features).enter().append("path").attr("d",r).attr("style","stroke:white;stroke-opacity:1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;fill-opacity:0.7").attr("cursor","pointer").style("fill",b.bind(void 0)).style("fill-opacity",f.bind(void 0)).on("mouseover",A.bind(void 0)).on("mouseout",E.bind(void 0)).on("click",P.b

1ind(void 0))}},[v,w]),(0,l.jsxs)("div",{className:"p-4 lg:p-8 mb-4 font-skin-primary rounded border border-skin-grey-medium lg:w-px-620 lg:mx-auto",id:"mehrTankenDetailMap",children:[(0,l.jsx)("div",{ref:h,className:"mx-auto w-3/4",children:(0,l.jsx)("svg",{ref:x})}),(0,l.jsxs)("center",{className:"flex gap-4 items-center mb-9 "+n().select,children:[(0,l.jsx)(u.l,{options:[{value:"reset",label:"Bundesland w\xe4hlen.."},...g],value:M,noBlank:!0,onChange:function(e){let t=e.target.value;if("reset"===t)return L();D(null),j("kreise"),k(t)},className:"not-w-full"}),(0,l.jsx)(c.Button,{text:"Zur\xfcck",style:"bundeslaender"===y?"greyInverted":"primaryInverted",disabled:"bundeslaender"===y,onClick:L})]}),(0,l.jsx)(d.DetailMapLegend,{source:e,isDetail:!!_}),(0,l.jsxs)("center",{className:n().color,children:["fuel"===e&&(0,l.jsx)("div",{children:"Durchschnittspreis/Liter"}),(0,l.jsxs)("div",{children:["Stand: ",(0,l.jsx)("span",{children:a()})]}),(0,l.jsx)("div",{children:(0,l.jsx)("strong",{className:"text-xl font-extrabold",children:t()})}),(0,l.jsx)("div",{children:(0,l.jsx)("strong",{className:"text-xl font-extrabold",children:r()})})]})]})}},58001:(e,t,a)=>{"use strict";a.d(t,{F:()=>n,W:()=>r});var l=a(29784);let r=[{_id:"diesel",label:"Diesel"},{_id:"s95_e5",label:"Super E5"},{_id:"s95_e10",label:"Super E10"}],n=(0,l.vt)((e,t)=>({type:"bundeslaender",setType:t=>e({type:t}),enclosingFeature:"",setEnclosingFeature:t=>e({enclosingFeature:t}),selectedFeature:"",setSelectedFeature:t=>e({selectedFeature:t}),selectedFuel:"diesel",setSelectedFuel:t=>e({selectedFuel:t}),geoData:{},setGeoData:(a,l)=>e({geoData:{...t().geoData,[a]:l}}),getMaxMin:()=>{let{geoData:e,selectedFuel:a,enclosingFeature:l}=t();if(l){let t=e?.["kreise"+l]?.features?.map(e=>e?.properties?.price?.[a])||[1.7,1.9];return[Math.max(...t),Math.min(...t)]}{let t=e?.bundeslaender?.features?.map(e=>e?.properties?.price?.[a])||[1.7,1.9];return[Math.max(...t),Math.min(...t)]}},getQuintiles:()=>{let[e,a]=t().getMaxMin(),l=(e-a)/5;return[[a,a+l],[a+l,a+2*l],[a+2*l,a+3*l],[a+3*l,a+4*l],[a+4*l,a+5*l]]},formatPrice:e=>parseFloat(e).toFixed(3).replace(".",",")+" €"}))},92593:e=>{e.exports={color:"detailMapLegend_color__89B_J"}},98427:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>i});var l=a(6029),r=a(12086),n=a(48619),s=a(58001);let i=()=>{let{selectedFeature:e,enclosingFeature:t,geoData:a}=(0,s.F)(e=>({selectedFeature:e.selectedFeature,enclosingFeature:e.enclosingFeature,geoData:e.geoData}));return(0,l.jsx)(n.DetailMap,{source:"strom",getDisplayName:function(){return e?e.properties?.NAME_3:t||"Deutschland"},getDisplayDate:function(){return e?(0,r.default)(new Date(e.properties._updatedAt||null),"dd.MM.yyyy"):(0,r.default)(new Date(a?.bundeslaender?.features?.[0].properties._updatedAt||null),"dd.MM.yyyy")},getPointsCount:function(){let l;return l=e?e.properties?.chargingPoint?.count||0:t?a?.bundeslaender?.features?.find(e=>e.properties.name===t)?.properties?.chargingPoint?.count||0:a?.bundeslaender?.features?.map(e=>parseInt(e.properties?.chargingPoint?.count||0)).reduce((e,t)=>e+t,0),`${Intl.NumberFormat("de-DE",{maximumSignificantDigits:3}).format(l)} Lades\xe4ulen`},getFillOpacity:function(e){let t=.6,a=e.properties.chargingPoint,l=e.properties.type;if(a&&"State"!==l){let e=a.count;t=e<=50?.2:e<=100?.4:e<=150?.6:e<=200?.8:1}else if(a&&"State"===l){let e=a.count;t=e<=1e3?.2:e<=3e3?.4:e<=5e3?.6:e<=7e3?.8:1}return t},getFillColor:function(){return"#83b860"}})}}}]);