1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9701],{7489:(t,e,r)=>{t.exports=r.p+"static/img/icon_finish.svg"},31216:t=>{t.exports={"background-color":"inlineTourKomoot_background-color__FRAaB",backgroundColor:"inlineTourKomoot_background-color__FRAaB","text-color":"inlineTourKomoot_text-color___w_Fv",textColor:"inlineTourKomoot_text-color___w_Fv","stroke-color":"inlineTourKomoot_stroke-color__9pUDg",strokeColor:"inlineTourKomoot_stroke-color__9pUDg",text:"inlineTourKomoot_text__ybLdl","komoot-logo":"inlineTourKomoot_komoot-logo___psjf",komootLogo:"inlineTourKomoot_komoot-logo___psjf",leaflet:"inlineTourKomoot_leaflet__R9eTp","maps-container":"inlineTourKomoot_maps-container___70mm",mapsContainer:"inlineTourKomoot_maps-container___70mm"}},51081:(t,e,r)=>{t.exports=r.p+"static/img/icon-bike.svg"},58183:(t,e,r)=>{"use strict";r.r(e),r.d(e,{ArticleInlineTourKomoot:()=>v,default:()=>M});var a=r(6029),n=r(31216),l=r.n(n),o=r(55729),s=r(6772),i=r.n(s),c=r(32988),d=r.n(c),m=r(61604),p=r.n(m),h=r(58376),x=r(81163),u=r(31332),g=r(61774),f=r.n(g),y=r(7489),w=r.n(y),k=r(51081),b=r.n(k),_=r(38252),j=r(23661);let v=({komootTour:t,color:e,icon:r,relatedPages:n})=>{let s,c,m,g,y,[k,v]=(0,o.useState)(t?._links?.coordinates),[M,N]=(0,o.useState)(null),[S,T]=(0,o.useState)(Math.floor(10001*Math.random())+Math.floor(10001*Math.random())),C=(0,o.useRef)(null),A=(0,o.useRef)(null),F=(0,o.useRef)(null),B=(0,o.useRef)(null),E=(0,o.useRef)(null),I=(0,o.useRef)(null),{project:K}=(0,o.useContext)(_.HP),z=["RB","MTB","EB"].includes(K=String(K).toUpperCase());(0,o.useEffect)(()=>{setTimeout(()=>{window.L&&D()},1e3)},[]);let D=()=>{if(!k)return;let t=k[0],a=k[k.length-1],n=L.map(A.current.id).setView([t.lat,t.lng],13);L.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",{attribution:'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',maxZoom:17,tileSize:256}).addTo(n),L.tileLayer("https://stamen-tiles-{s}.a.ssl.fastly.net/toner-hybrid/{z}/{x}/{y}{r}.{ext}",{attribution:'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',subdomains:"abcd",minZoom:0,maxZoom:20,ext:"png"}).addTo(n);let l=L.polyline([k.map(t=>[t.lat,t.lng])],{color:e,opacity:.7}).addTo(n);P(),U(F.current),$(k),H(k);let o=L.marker([t.lat,t.lng],{icon:L.icon({iconUrl:z?b():r,iconSize:[35,35]})}).addTo(n);A.current.waypointMarker=o;let s=L.marker([t.lat,t.lng],{icon:L.icon({iconUrl:f(),iconSize:[35,35]})}).addTo(n),i=L.marker([a.lat,a.lng],{icon:L.icon({iconUrl:w(),iconSize:[35,35]})}).addTo(n),c=L.featureGroup([l,A.current.waypointMarker,s,i]);n.fitBounds(c.getBounds().pad(.5)),X()},P=()=>{let t=0;v(k.map((e,r)=>(r>0&&(t+=R(k[r-1],e)),e.distance=t,e)))},R=(t,e)=>{let r=function(t){return t*Math.PI/180},a=r(e.lat-t.lat),n=r(e.lng-t.lng),l=Math.sin(a/2)*Math.sin(a/2)+Math.cos(r(t.lat))*Math.cos(r(e.lat))*Math.sin(n/2)*Math.sin(n/2);return 2*Math.atan2(Math.sqrt(l),Math.sqrt(1-l))*6378137},U=(t,e)=>{e=e||{top:20,right:16,bottom:30,left:60};let r=t.clientWidth-e.left-e.right,a=t.clientHeight-e.top-e.bottom;F.current.x_=d3.scale.linear().range([0,r]),F.current.y_=d3.scale.linear().range([a,0]),F.current.xAxis_=d3.svg.axis().scale(F.current.x_).orient("bottom").tickValues(q()).tickFormat(V),F.current.yAxis_=d3.svg.axis().scale(F.current.y_).orient("left").tickFormat(Y),F.current.area_=d3.svg.area().x(function(t){return F.current.x_(t.distance)}).y0(a).y1(function(t){return F.current.y_(t.alt)}),(s=d3.select(t).append("svg").attr("width",r+e.left+e.right).attr("height",a+e.top+e.bottom).append("g").attr("transform","translate("+e.left+","+e.top+")")).append("path").attr("class","area").attr("fill","pink"),s.append("g").attr("class","x axis").attr("transform","translate(0,"+a+")"),s.append("g").attr("class","y axis"),s.append("g").attr("class","pois");let n=s.append("g").attr("class","marker-container").attr("display","none");n.append("line").attr("class","marker").attr("x1",0).attr("y1",0).attr("x2",0).attr("y2",a).style("stroke","black"),n.append("circle").attr("class","marker-circle").attr("r",3).attr("cx",0).attr("cy",0),n.append("rect").attr("class","marker-text-bg").attr("height",13).attr("width",55).attr("x",0).attr("y",0),n.append("text").attr("class","marker-text height").attr("x",5).attr("dy",10).attr("text-anchor","left").style("fill","white"),n.append("rect").attr("class","marker-text-bg").attr("height",13).attr("width",55).attr("x",0).attr("y",a-13),n.append("text").attr("class","marker-text distance").attr("x",5).attr("y",a-13).attr("dy",10).attr("text-anchor","left").style("fill","white"),n.append("text").attr("class","marker-text time").attr("x",5).attr("y",a-27).attr("dy",10).attr("text-anchor","left"),s.append("rect").attr("class","event").attr("x",0).attr("y",0).attr("width",r).attr("height",a).attr("fill","rgba(255,255,255,0)")},$=t=>{let e=C.current,r=d3.select(e).select(".eChart .marker-container"),a=r.select(".marker-circle"),n=r.selectAll(".marker-text"),l=r.select(".marker-text.distance"),o=r.select(".marker-text.height"),s=(r.select(".marker-text.time"),r.selectAll(".marker-text-bg"));d3.select(e).select(".eChart rect.event").on("mousemove",function(){let e=d3.mouse(C.current),i=C.current.getBoundingClientRect().width,c=e[0]/i;if(t){let e,r=t[t.length-1].distance,n=0,s=0;for(;n/r<c;)n=(e=t[++s]).distance;A.current.waypointMarker.setLatLng([e.lat,e.lng]),l.text(V(n)),o.text(Y(t[s].alt)),a.attr("cy",F.current.y_(t[s].alt))}r.attr("display","").attr("transform","translate("+(e[0]-1)+", 0)"),i-e[0]<60?(s.attr("transform","translate(-55, 0)"),n.attr("transform","translate(-55, 0)")):(s.attr("transform",""),n.attr("transform",""))}).on("mouseout",function(){r.attr("display","none")})},H=t=>{let e=d3.extent(t,t=>t.distance);F.current.x_.domain(e);let r=[d3.min(t,t=>t.alt),d3.max(t,t=>t.alt)];F.current.y_.domain(r),N(Math.floor(r[1])),s.select("path.area").datum(t).attr("d",F.current.area_),s.select(".y.axis").call(F.current.yAxis_),s.select(".x.axis").call(F.current.xAxis_)},G=t=>
1{if(I.current.classList.contains("article-gallery")&&A.current)E.current.appendChild(I.current),A.current.style.height="250px",A.current.style.width="375px",I.current.classList.remove("article-gallery"),c.invalidateSize();else{B.current.appendChild(I.current),I.current.classList.add("article-gallery");let t=document.querySelector("footer"),e=t?.parentNode;e&&e.insertBefore(I.current,t),A.current.style.height=window.innerHeight+"px",A.current.style.width=window.innerWidth+"px",c.invalidateSize()}},X=()=>{let t=document.querySelectorAll(".leaflet-control-zoom.leaflet-bar.leaflet-control"),e=document.createElement("a");e.className="leaflet-control-zoom-in leaflet-bar-part leaflet-bar-part-top leaflet-fs-small "+l().leaflet,t&&t.length&&t.forEach(function(t){t.insertAdjacentElement("afterbegin",e)}),e.addEventListener("click",G)},O=(t,e,r)=>(r.hours(0).minutes(0).seconds(0).milliseconds(0),r.add(e*t*1e3,"ms"),r.format("YYYY-MM-DDTHH:mm:ss.SSSS")),V=t=>t<1e3?Math.round(t)+" m":(parseFloat(t/1e3).toFixed(2)+"").replace(/\./,",")+" km",q=()=>{let e=t.distance;if(e<1e4)return null;let r=parseInt(e/9).toString(),a=parseInt(r.charAt(1))>4,n=r.slice(0,r.length-3);n=a?parseInt(n)+1:parseInt(n);let l=[];for(let t=0;t<10;t++){let r=n+t*n+"000";parseInt(r)<e&&l.push(r)}return l},Y=t=>Math.round(t)+" m";return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{...(0,j.h)("tour-komoot"),ref:C,className:d()({mapsContainer:!0,[l().mapsContainer]:!0,[l().text]:!0}),children:[(0,a.jsx)(i(),{src:"https://d3js.org/d3.v3.js"}),(0,a.jsx)("style",{dangerouslySetInnerHTML:{__html:`.marker-text.distance { 2 fill: cyan; 3 } 4 5 .axis path { 6 fill: none; 7 stroke: #000; 8 shape-rendering: crispEdges; 9 } 10 11 .axis line { 12 fill: none; 13 stroke: #000; 14 shape-rendering: crispEdges; 15 }`}}),(0,a.jsx)("link",{rel:"stylesheet",href:"https://unpkg.com/[email protected]/dist/leaflet.css",integrity:"sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==",crossOrigin:""}),(0,a.jsx)(i(),{src:"https://unpkg.com/[email protected]/dist/leaflet.js",integrity:"sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==",crossOrigin:"anonymous"}),(0,a.jsx)("div",{ref:B}),(0,a.jsx)("div",{ref:E,children:(0,a.jsx)("div",{ref:I,children:(0,a.jsx)("div",{children:(0,a.jsx)("div",{"is-map":!0,id:`map_${S}`,style:{height:"250px",margin:"auto",zIndex:1},ref:A})})})}),(0,a.jsx)("div",{className:"article__inline-container maps mb-9 px-4 lg:px-0",children:(0,a.jsx)("div",{ref:F,className:"eChart "+l().textColor+" "+l().strokeColor,style:{height:"200px"}})})]}),(0,a.jsxs)("div",{className:"mb-4 px-4 lg:px-0",children:[n.length>0&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"mb-4",children:(0,a.jsx)(u.Headline,{type:"article",size:"medium",headline:"Mehr zum Thema:",isDarkMode:!0})})}),(0,a.jsx)("div",{className:"flex flex-wrap gap-4",children:(n||[]).map(t=>(0,a.jsx)(x.Button,{style:"primaryInverted",link:t.file,text:t.title},`related-page-${t.file}`))})]}),(0,a.jsx)("div",{className:"relative mb-4 overflow-hidden px-4 lg:px-0",children:(0,a.jsx)("div",{className:d()({"w-full font-skin-primary text-sm":!0}),children:(0,a.jsx)("table",{className:"w-full text-left",children:(0,a.jsxs)("tbody",{children:[(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"L\xe4nge"}),(0,a.jsx)("td",{className:"w-1/2 py-4","is-length":!0,children:(parseFloat(t?.distance/1e3).toFixed(2)+"").replace(/\./,",")+" km"})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"Dauer"}),(0,a.jsx)("td",{className:"w-1/2 py-4","is-duration":!0,children:Math.floor(t?.duration/3600).toString()+":"+(g=Math.floor((m=t?.duration)/3600).toString(),(y=Math.floor((m-3600*g)/60).toString()).length<2&&(y="0"+y),y)+" Std"})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"Schwierigkeitsgrad"}),(0,a.jsx)("td",{className:"w-1/2 py-4",children:(t=>{switch(t){case"difficult":return"Schwer";case"moderate":return"Mittelschwer";case"easy":return"Leicht"}return t})(t?.difficulty.grade)})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"H\xf6henunterschied"}),(0,a.jsx)("td",{className:"w-1/2 py-4",children:Math.floor(t?.elevation_up)+" Meter"})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"H\xf6henmeter absteigend"}),(0,a.jsx)("td",{className:"w-1/2 py-4",children:Math.floor(t?.elevation_down)+" Meter"})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"Tiefster Punkt"}),(0,a.jsx)("td",{className:"w-1/2 py-4",children:Math.floor(t?.start_point.alt)+" m \xfc. M."})]}),(0,a.jsxs)("tr",{className:"border-b border-solid border-skin-grey",children:[(0,a.jsx)("th",{className:"w-1/2 py-4 font-normal",children:"H\xf6chster Punkt"}),(0,a.jsxs)("td",{className:"w-1/2 py-4",children:[(0,a.jsx)("span",{}),(0,a.jsxs)("span",{children:[M," m \xfc. M."]})]})]})]})})})}),(0,a.jsxs)("div",{className:"mb-9 flex flex-wrap justify-center space-x-4 px-4 lg:px-0",children:[(0,a.jsx)(h.yI,{visible:"article.download.vis",click:"article.download.cl",action:"GPX",children:(0,a.jsx)(x.Button,{style:"primaryInverted",text:"GPS-Daten",onClick:e=>{let r,a,n,l=new Blob([`<?xml version="1.0" encoding="utf-8"?> 16 <gpx xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" creator="eT4 META" version="1.1" xsi:schemaLocation="http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd" xmlns="http://www.topografix.com/GPX/1/1"> 17 <trk> 18 <name>${t.name}</name> 19 <trkseg> 20 ${(r="",a=p()(),n=t.duration/t.distance,k.forEac
20h(t=>{r+=` 21 <trkpt lat="${t.lat}" lon="${t.lng}"> 22 <ele>${t.alt}</ele> 23 <time>${O(t.distance,n,a)}</time> 24 </trkpt> 25 `}),r)} 26 </trkseg> 27 </trk> 28 </gpx>`],{type:"text/xml"}),o=document.createElement("a");o.setAttribute("href",window.URL.createObjectURL(l)),o.setAttribute("download",`gps-data-${t.name.replace(/\s/g,"")}.gpx`),o.dataset.downloadurl=["text/xml",o.download,o.href].join(":"),document.body.appendChild(o),o.click(),document.body.removeChild(o)}})}),(0,a.jsx)(h.yI,{visible:"article.download.vis",click:"article.download.cl",action:"GPX",children:(0,a.jsx)(x.Button,{style:"primaryInverted",text:"KML-Daten",onClick:e=>{let r=new Blob([`<?xml version="1.0" encoding="utf-8"?> 29 <kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2"> 30 <Document> 31 <name>KML Export</name> 32 <open>1</open> 33 <description>KML Export for tourdata</description> 34 <Folder> 35 <name>${t.name}</name> 36 <visibility>1</visibility> 37 <description>Ihre Tour</description> 38 <Placemark> 39 <name>${t.name}</name> 40 <visibility>0</visibility> 41 <description>${t.name}</description> 42 <LineString> 43 <tessellate>1</tessellate> 44 <coordinates>${k.map(t=>t.lat+" "+t.lng).join(" ")}</coordinates> 45 </LineString> 46 </Placemark> 47 </Folder> 48 </Document> 49 </kml>`],{type:"text/xml"});var a=document.createElement("a");a.setAttribute("href",window.URL.createObjectURL(r)),a.setAttribute("download",`kml-data-${t.name.replace(/\s/g,"")}.kml`),a.dataset.downloadurl=["text/xml",a.download,a.href].join(":"),document.body.appendChild(a),a.click(),document.body.removeChild(a)}})})]}),(0,a.jsx)("div",{className:"komoot mb-9 px-4 lg:px-0",children:(0,a.jsxs)("p",{children:[(0,a.jsx)("a",{href:"https://www.komoot.de/tour/"+t?.id,target:"_blank",rel:"noreferrer",className:"underline",children:"Diese Tour"})," findest du auch bei unserem Partner",(0,a.jsx)("a",{href:" https://www.komoot.de/tour/"+t?.id,target:"_blank",className:"va-komoot-logo "+l().komootLogo,rel:"noreferrer"})]})})]})},M=v},61774:(t,e,r)=>{t.exports=r.p+"static/img/icon_start.svg"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.