https://www.hr2.de/assets_4.49.0/js//feature/sequenceMapPlayer.bundle.js

1"use strict";(self.webpackChunkhessenschau=self.webpackChunkhessenschau||[]).push([["/feature/sequenceMapPlayer"],{3760:function(e,a,t){t.r(a);var n=t(8836),o=t(9434),l=t(4064),s=t(5243),i=t(4793),r=t.n(i);t(6374),t(5354);a.default=function(e){window.smp=new c(e)};var c=function(e){var a,t,i,c,y,d,p,u,h,g,m,v,P,b,f,k,w,x=e.element,C=e.options,S=C.mapId,D=C.selectedCity,E=0,_=[],N=C.tilesBaseTopography,I=(C.iconBase,[]),R=[],B=[],L=[],M=[],O=[],T=[],Z=[],j=[],G=[],z=[],F=(0,n._U)(),H=C.desktopVW,A=(0,n.PN)(C.frames,x),U=!1,V=function(e){var a=document.createElement("link");a.href=e,a.type="text/css",a.rel="stylesheet",document.head.appendChild(a)},J=function(){a.createPane("rainRadarRealDataPane"),a.createPane("rainRadarPrognosisDataPane"),a.createPane("seoCityPane"),a.createPane("cityNamesPane"),a.createPane("highwayStreetsPane"),a.createPane("highwayStreetsDetailPane"),a.createPane("countyPaneNorth"),a.createPane("countyPaneEast"),a.createPane("countyPaneMiddle"),a.createPane("countyPaneRhineMain"),a.createPane("countyPaneSouth")},W=function(){a.getPane("highwayStreetsDetailPane").style.display="none",a.getPane("highwayStreetsPane").style.display="none",1==a.getZoom()?a.getPane("highwayStreetsPane").style.display="none":a.getPane("highwayStreetsPane").style.display="block",a.on("zoom",(function(){a.getPane("rainRadarRealDataPane").style.display="none",a.getPane("rainRadarPrognosisDataPane").style.display="none",a.getPane("highwayStreetsDetailPane").style.display="none",a.getPane("highwayStreetsPane").style.display="none"})),a.on("zoomstart",(function(){a.getPane("rainRadarRealDataPane").style.display="none",a.getPane("rainRadarPrognosisDataPane").style.display="none",a.getPane("highwayStreetsDetailPane").style.display="none",a.getPane("highwayStreetsPane").style.display="none",ae(),a.getZoom(),a.getPane("countyPaneNorth").style.display="none",a.getPane("countyPaneEast").style.display="none",a.getPane("countyPaneMiddle").style.display="none",a.getPane("countyPaneRhineMain").style.display="none",a.getPane("countyPaneSouth").style.display="none"})),a.on("zoomend",(function(){a.getPane("rainRadarRealDataPane").style.display="block",a.getPane("rainRadarPrognosisDataPane").style.display="block",ae(),3==a.getZoom()?(a.getPane("highwayStreetsDetailPane").style.display="block",a.getPane("highwayStreetsPane").style.display="none",a.getPane("countyPaneNorth").style.display="block",a.getPane("countyPaneEast").style.display="block",a.getPane("countyPaneMiddle").style.display="block",a.getPane("countyPaneRhineMain").style.display="block",a.getPane("countyPaneSouth").style.display="block"):1==a.getZoom()?(a.getPane("highwayStreetsPane").style.display="none",a.getPane("highwayStreetsDetailPane").style.display="none"):(a.getPane("highwayStreetsDetailPane").style.display="none",a.getPane("highwayStreetsPane").style.display="block",a.getPane("countyPaneNorth").style.display="none",a.getPane("countyPaneEast").style.display="none",a.getPane("countyPaneMiddle").style.display="none",a.getPane("countyPaneRhineMain").style.display="none",a.getPane("countyPaneSouth").style.display="none")}))},q=function(e,t){r()("."+t+" .leaflet-control-layers-selector").on("change",(function(){r()(this).is(":checked")?((0,l.wM)("rainradar::county-selector::"+t),a.addLayer(e)):a.removeLayer(e)}))},K=function(e){r()("."+e+" .leaflet-control-layers-selector").on("change",(function(){r()(this).is(":checked")?a.getPane("cityNamesPane").style.display="block":a.getPane("cityNamesPane").style.display="none"}))},Q=function(){document.getElementById("overlayCheckboxDisabled_01").style.display="none",document.getElementById("overlayCheckboxDisabled_01").style.opacity="0",document.getElementById("overlayCheckbox_01").style.display="block"},X=function(){document.getElementById("overlayCheckboxDisabled_0").style.display="none",document.getElementById("overlayCheckboxDisabled_0").style.opacity="0",document.getElementById("overlayCheckbox_0").style.display="block"},Y=function(){for(var e=1;e<=5;e++)document.getElementById("overlayCheckbox_"+e).style.display="none",document.getElementById("overlayCheckboxDisabled_"+e).style.display="block",document.getElementById("overlayCheckboxDisabled_"+e).style.opacity="0.5",r()("#overlayCheckbox_"+e+" .leaflet-control-layers-selector").is(":checked")?r()("#overlayCheckboxDisabled_"+e+" .leaflet-control-layers-selector").prop("checked",!0):r()("#overlayCheckboxDisabled_"+e+" .leaflet-control-layers-selector").prop("checked",!1)},$=function(e){document.getElementById("infoBox"+e).style.display="none"},ee=function(){document.getElementById("listHeadline").style.opacity="0.5"},ae=function(){switch(a.getZoom()){case 1:document.getElementById("overlayCheckboxDisabled_01").style.display="block",document.getElementById("overlayCheckboxDisabled_01").style.opacity="0.5",document.getElementById("overlayCheckbox_01").style.display="none",r()("#overlayCheckbox_01 .leaflet-control-layers-selector").is(":checked")?r()("#overlayCheckboxDisabled_01 .leaflet-control-layers-selector").prop("checked",!0):r()("#overlayCheckboxDisabled_01 .leaflet-control-layers-selector").prop("checked",!1),document.getElementById("overlayCheckboxDisabled_0").style.display="block",document.getElementById("overlayCheckboxDisabled_0").style.opacity="0.5",document.getElementById("overlayCheckbox_0").style.display="none",r()("#overlayCheckbox_0 .leaflet-control-layers-selector").is(":checked")?r()("#overlayCheckboxDisabled_0 .leaflet-control-layers-selector").prop("checked",!0):r()("#overlayCheckboxDisabled_0 .leaflet-control-layers-selector").prop("checked",!1),Y(),$("01"),$("02"),ee();break;case 2:Q(),X(),Y(),$("01"),$("02"),ee();break;case 3:Q(),X(),function(){for(var e=1;e<=5;e++)document.getElementById("overlayCheckbox_"+e).style.display="block",document.getElementById("overlayCheckboxDisabled_"+e).style.display="none",document.getElementById("overlayCheckboxDisabled_"+e).style.opacity="0"}(),$("01"),$("02"),document.getElementById("listHeadline").style.opacity="1"}},te=function(e,a,t,n,o,l){new s.polyline(e,{smoothFactor:1,color:t,pane:a,weight:o,lineCap:"round",className:l}).addTo(n)},ne=function(e,a,t){var n,o=[];r().each(a,(function(e){n=a[e].pathName,o.push(a[e].latlngs)})),te(o,t,"rgba(79, 121, 50, 0.95)",e,2,n)},oe=function(e){r().each(e,(function(a){switch(e[a].region){case"north":ne(c,e[a].countyPaths,"countyPaneNorth"),ce(I,e[a].countyNames,"countyPaneNorth",c);break;case"east":ne(y,e[a].countyPaths,"countyPaneEast"),ce(R,e[a].countyNames,"countyPaneEast",y);break;case"middle":ne(d,e[a].countyPaths,"countyPaneMiddle"),ce(B,e[a].countyNames,"countyPaneMiddle",d);break;case"rhineMain":ne(p,e[a].countyPaths,"countyPaneRhineMain"),ce(L,e[a].countyNames,"countyPaneRhineMain",p);break;case"south":ne(u,e[a].countyPaths,"countyPaneSouth"),ce(M,e[a].countyNames,"countyPaneSouth",u)}}))},le=function(e,a){var t,n=[];r().each(e,(function(o){n.push(e[o].highwayPath),t=e[o].name,"normal"==a?se(e[o].highwaySigns,"highwayStreetsPane",t,2):se(e[o].highwaySigns,"highwayStreetsDetailPane",t,3)})),te(n,"normal"==a?"highwayStreetsPane":"highwayStreetsDetailPane","rgba(255, 255,255, 0.75)",h,3)},se=function(e,a,t,n){var o=[],l=function(e,t){for(var n=new s.divIcon({html:'<div class="mapPlayer__highwayName">'+e+"</div>"}),o=[],l=0;l<t.length;l++)o[l]=new s.marker(t[l],{icon:n,pane:a,zIndexOffset:1e3}).addTo(h);return{marker:o}};r().each(e,(function(a){"2"==n?o.push(l(t,e[a].zoom1)):o.push(l(t,e[a].zoom2))}));for(var i=0;i<o.length;i++)for(var c=0;c<o[i].marker.length;c++)h.addLayer(o[i].marker[c])},ie=function(e,a){r().each(e,(function(t){a.push(function(e,a,t){var n;return e===D?(n=new s.divIcon({html:""}),ue(D,a)):n=new s.divIcon({html:'<div class="mapPlayer__cityName">'+e+"</div>"}),{marker:new s.marker(a,{icon:n,pane:"cityNamesPane"}),showFrom:t}}(e[t].name,e[t].latlngs,e[t].zoomLevel))}))},re=function(e,a){r().each(e,(function(t){ie(e[t].cities,a)})),de(a,g)},ce=function(e,a,t,n){r().each(a,(function(n){e.push(function(e,a){var n=new s.divIcon({html:'<div class="mapPlayer__countyName">'+e+"</div>"});return{marker:new s.marker(a,{icon:n,pane:t,zIndexOffset:1e3})}}(a[n].name,a[n].latlngs))})),ye(e,n)},ye=function(e,a){for(var t=0;t<e.length;t++)a.addLayer(e[t].marker)},de=function(e,t){for(var n=a.getMinZoom();n<=a.getMaxZoom();n++){t[n]=t[n]||new s.LayerGroup;for(var o=0;o<e.length;o++)e[o].showFrom<=n&&t[n].addLayer(e[o].marker)}a.addLayer(t[a.getZoom()]),a.on("zoomstart",(function(){a.removeLayer(t[a.getZoom()])})),a.on("zoomend",(function(){a.addLayer(t[a.getZoom()])}))},pe=function e(a,t){if(t=t||0,a&&a.length>t){var n=new Image;n.onload=function(){e(a,t+1)},n.src=a[t]}},ue=function(e,t){var n=new s.divIcon({html:'<div class="mapPlayer__seoCityName"><span class="selectedCityPin"></span>'+e+"</div>"}),o=new s.marker(t,{icon:n,pane:"seoCityPane",zIndexOffset:1e3});m.addLayer(o),a.addLayer(m),a.setView(t,3)};i=new s.tileLayer(N+"{z}/{x}/{y}.jpg",{tms:!0,zIndex:1,noWrap:!0}),a=new s.Map(S,{layers:i,attributionControl:!1,maxZoom:3,gestureHandling:!0,gestureHandlingOptions:{duration:3e3}}

1).setView([0,0],2),b=a.unproject([0,2048],a.getMaxZoom()),f=a.unproject([2048,0],a.getMaxZoom()),t=new s.LatLngBounds(b,f),a.setMaxBounds(t),F>H?(a.setZoom(2),a.options.minZoom=2):(a.setZoom(1),a.options.minZoom=1),new s.Control.Layers(null,null,{collapsed:!0}).addTo(a),V("https://static.hr.de/maptool/css/leaflet-gestureHandling.css"),J(),W(),c=new s.LayerGroup,y=new s.LayerGroup,d=new s.LayerGroup,p=new s.LayerGroup,u=new s.LayerGroup,h=new s.LayerGroup,v=new s.LayerGroup,g=new s.LayerGroup,new s.LayerGroup,m=new s.LayerGroup,function(){var e=["highwayOverlay","countyOverlayNorth","countyOverlayEast","countyOverlayMiddle","countyOverlayRhineMain","countyOverlaySouth"],a=["Autobahnen","Nord","Ost","Mitte","Rhein-Main","Süd"],t=r()(".leaflet-control-layers-overlays");t.append('<div  id="infoBox01" class="checkboxInfo">Ab Zoomstufe 2 <br/>verfügbar</div>'),t.append('<div  id="infoBox02" class="checkboxInfo bottom">Ab Zoomstufe 3<br/>verfügbar</div>'),t.append('<label id="overlayCheckbox_01" class="switch cityOverlay"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" data-layer="cityOverlay" checked="checked"><div class="slider round"></div></div><div class="labelName">Städtenamen</div></label>'),t.append('<label id="overlayCheckboxDisabled_01" class="switch cityOverlay"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" disabled="disabled" readonly="readonly" data-layer="cityOverlay"><div class="slider round"></div></div><div class="labelName">Städtenamen</div></label>'),t.append('<label id="overlayCheckbox_0" class="switch highwayOverlay"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" data-layer="highwayOverlay"><div class="slider round"></div></div><div class="labelName">Autobahnen</div></label>'),t.append('<label id="overlayCheckboxDisabled_0" class="switch highwayOverlay"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" disabled="disabled" readonly="readonly" data-layer="highwayOverlay"><div class="slider round"></div></div><div class="labelName">Autobahnen</div></label>'),t.append('<label id="overlayOpacitySlider_0" class="sliderContainer" style="margin-top: 0.625rem;"><div class="labelName">Regen-Deckkraft <span id="opacityPercentage">(100 %)</span> </div><input type="range" min="25" max="100" value="100" step="25" class="opacitySlider" id="opacitySlider"></label>'),t.append('<div id="listHeadline" class="listHeadline" style="margin-top:0.625rem;">Landkreise</div>'),t.append('<div class="leaflet-control-layers-separator"></div>');for(var n=1;n<=5;n++)t.append('<label id="overlayCheckbox_'+[n]+'" class="switch '+e[n]+'"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" data-layer="'+e[n]+'"><div class="slider round"></div></div><div class="labelName">'+a[n]+"</div></label>"),t.append('<label id="overlayCheckboxDisabled_'+[n]+'" class="switch"><div class="labelSwitch"><input type="checkbox" class="leaflet-control-layers-selector" disabled="disabled" readonly="readonly" data-layer="'+e[n]+'"><div class="slider round"></div></div><div class="labelName">'+a[n]+"</div></label>");K("cityOverlay"),q(h,"highwayOverlay"),q(c,"countyOverlayNorth"),q(y,"countyOverlayEast"),q(d,"countyOverlayMiddle"),q(p,"countyOverlayRhineMain"),q(u,"countyOverlaySouth")}(),r().ajax({url:"https://static.hr.de/rainradar-map/countiesGeoPoints.json",dataType:"application/json",complete:function(e){},success:function(e){var a=JSON.parse(e).geopoints.counties;oe(a)}}),r().ajax({url:"https://static.hr.de/rainradar-map/cityGeoPoints.json",dataType:"application/json",complete:function(e){},success:function(e){var a=JSON.parse(e),t=a.geopoints.hessen,n=a.geopoints.nrw,o=a.geopoints.bayern,l=a.geopoints.rp,s=a.geopoints.bw,i=a.geopoints.niedersachsen;re(t,O),re(n,T),re(o,Z),re(l,G),re(s,j),re(i,z)}}),r().ajax({url:"https://static.hr.de/rainradar-map/highwaysGeoPoints.json",dataType:"application/json",complete:function(e){},success:function(e){var a=JSON.parse(e).geopoints.highways;le(a,"normal"),le(a,"detail")}}),function(){var e,a,n,o=[],l=[];for(e=0;e<A.length;e++)"CURRENT"==A[e].dataset.propType?a=A[e].href:n=A[e].href,"CURRENT"==A[e].dataset.propType?o.push(a):l.push(n),"CURRENT"==A[e].dataset.propType?_.push(new s.imageOverlay(a,t,{opacity:.8,pane:"rainRadarRealDataPane"})):_.push(new s.imageOverlay(n,t,{opacity:.8,pane:"rainRadarPrognosisDataPane"}));v.addLayer(_[0]),pe(o),pe(l)}(),k=(0,n.PN)(C.controlbar)[0],w=k.dataset?k.dataset.propControlBar:k.getAttribute("data-prop-control-bar"),(P=new o.Z(k,w)).setPlayer({getName:function(){return"sequenceMapPlayer"},next:function(){this.show(E+1)},jmp:function(e){this.show(E+e)},prev:function(){this.show(E-1)},show:function(e){a.removeLayer(_[E]),E=e<0?A.length-1:e<A.length?e:0,a.addLayer(_[E])},getFrame:function(e){return A[e]},getCurrentFrame:function(){return E},getMaxFrames:function(){return A.length},getMaxFramesRealData:function(){for(var e=0,a=0;a<A.length;a++)"CURRENT"==A[a].dataset.propType&&(e+=1);return e},getMaxFramesPrognosisData:function(){for(var e=0,a=0;a<A.length;a++)"PREVIEW"==A[a].dataset.propType&&(e+=1);return e}}),P.createTrackOutput(),P.init(),document.getElementById("controlBarLoader").style.display="none",document.getElementById("controlBar").style.display="block",a.on("movestart",(function(){P.isPlaying()&&(U=!0,P.stop())})),a.on("moveend",(function(){U&&(U=!1,P.play())})),document.getElementById("contentBox").style.display="block",document.getElementById("imageLoader").style.display="none";var he,ge=function(){for(var e=0,a=0;a<A.length;a++)"CURRENT"==A[a].dataset.propType&&(e+=1);return e}()-1;return P.jump(ge),ae(),he=document.getElementById("opacitySlider"),r()("#opacitySlider").change((function(){document.getElementById("opacityPercentage").innerHTML="("+he.value+"%)",r()(".leaflet-rainRadarRealData-pane").attr("style","opacity:"+he.value/100),r()(".leaflet-rainRadarPrognosisData-pane").attr("style","opacity:"+he.value/100)})),{getMap:function(){return a}}}}}]);