https://nationalparkthy.dk/_next/static/chunks/48.a333f020a531abea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48],{59048:function(t,e,n){"use strict";n.r(e),n.d(e,{CustomMap:function(){return h}});var o,r=n(59499),s=n(67294),a=n(97762),u=n(20745),c=n(14760),i=n(78569),p=n.n(i),m=n(93967),l=n.n(m),_=n(29017),d=n(2519),C=n(18720);function M(){return(M=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(null,arguments)}var f=function(t){return s.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:800,height:800,viewBox:"796 796 200 200",xmlSpace:"preserve"},t),o||(o=s.createElement("path",{d:"M970.135 870.134C970.135 829.191 936.943 796 896 796c-40.944 0-74.135 33.191-74.135 74.134 0 16.217 5.221 31.206 14.055 43.41l-.019.003L896 996l60.099-82.453-.019-.003c8.832-12.204 14.055-27.193 14.055-43.41zM896 900.006c-16.497 0-29.871-13.374-29.871-29.872s13.374-29.871 29.871-29.871 29.871 13.373 29.871 29.871-13.374 29.872-29.871 29.872z"})))},v=n(85893),h=function(t){var e=t.apiKey,n=t.title,o=t.zoomLevel,i=void 0===o?10:o,m=t.centerLatitude,M=void 0===m?0:m,h=t.centerLongitude,g=void 0===h?0:h,E=t.introDescription,k=t.className,N=t.markers,w=void 0===N?[]:N,L=t.culture,x=(0,s.useRef)(null),j=(0,s.useRef)(null),D=(0,s.useRef)([]),S=(0,s.useState)(!1),T=S[0],b=S[1],R=(0,s.useRef)(0),y=(0,s.useRef)(0),I=(0,s.useRef)(!1),H=(0,C.Gc)("sm","min");return(0,s.useEffect)(function(){if(x.current&&!j.current){var t;c.vc.apiKey=e,j.current=new c.D5({container:x.current,style:c.UH.STREETS_V4,zoom:i,center:[g,M],language:(t=null==L?void 0:L.culture,({"da-DK":c.SQ.DANISH,"en-US":c.SQ.ENGLISH,"de-DE":c.SQ.GERMAN})[null!=t?t:""]||c.SQ.DANISH),doubleClickZoom:!1,navigationControl:"top-left",geolocateControl:!1,maptilerLogo:!1})}},[]),(0,s.useEffect)(function(){j.current&&(j.current.setCenter([g,M]),j.current.setZoom(i))},[M,g,i]),(0,s.useEffect)(function(){j.current&&(D.current.forEach(function(t){return t.remove()}),D.current=[],w.forEach(function(t){var e,n=document.createElement("div");null!==(e=t.markerIcon)&&void 0!==e&&e.url?(n.innerHTML='<img src="'.concat(t.markerIcon.url,'" class="').concat(p().CustomMap__mapMarker,'" />'),n.classList.add("custom-marker")):n.innerHTML=(0,a.Dq)((0,v.jsx)(f,{className:p().CustomMap__mapMarker}));var o=new c.GI({className:p().CustomMap__popup});o.on("open",function(){var e=document.createElement("div");e.className=p().CustomMap__popupContent,o._root=(0,u.createRoot)(e),o._root.render((0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(_.X,{headingLevel:"h4",className:p().CustomMap__popupTitle,children:t.title}),(0,v.jsx)(d.H,{content:t.description,className:p().CustomMap__popupRTE})]})),o.setDOMContent(e),R.current+=1,b(!0),D.current.forEach(function(t){return t.getElement().classList.remove("active")}),n.classList.add("active")}),o.on("close",function(){var t;null===(t=o._root)||void 0===t||t.unmount(),o._root=void 0,R.current-=1,R.current<=0&&(

1R.current=0,b(!1)),n.classList.remove("active")});var r=new c.Jx({element:n}).setLngLat([t.longitude,t.latitude]).setPopup(o).setOffset([0,-15]).addTo(j.current);D.current.push(r)}))},[w]),(0,s.useEffect)(function(){x.current&&(T&&!H?(y.current=window.scrollY,I.current=!0,x.current.scrollIntoView({behavior:"smooth",block:"start"})):T||!I.current||H||(x.current.scrollIntoView({behavior:"smooth",block:"center"}),I.current=!1,y.current=0))},[T,H]),(0,s.useEffect)(function(){var t=document.createElement("link");return t.rel="stylesheet",t.href="https://cdn.maptiler.com/maptiler-sdk-js/latest/maptiler-sdk.css",t.id="maptiler-css",document.getElementById("maptiler-css")||document.head.appendChild(t),function(){var t;null===(t=document.getElementById("maptiler-css"))||void 0===t||t.remove()}},[]),(0,v.jsxs)("div",{className:l()(p().CustomMap,k,(0,r.Z)({},p().CustomMap__popupOpen,T)),children:[(n||E)&&(0,v.jsxs)("div",{className:p().CustomMap__introContent,children:[n&&(0,v.jsx)(_.X,{headingLevel:"h2",className:p().CustomMap__introTitle,children:n}),E&&(0,v.jsx)(d.H,{content:E,className:p().CustomMap__introDescription})]}),(0,v.jsx)("div",{className:p().CustomMap__inner,children:(0,v.jsx)("div",{ref:x,className:p().CustomMap__content})})]})}},78569:function(t){t.exports={CustomMap:"CustomMap_CustomMap__Kyd6g",CustomMap__introContent:"CustomMap_CustomMap__introContent__N0Rzo",CustomMap__introTitle:"CustomMap_CustomMap__introTitle__OHMKk",CustomMap__introDescription:"CustomMap_CustomMap__introDescription__oWU0h",CustomMap__inner:"CustomMap_CustomMap__inner__bSGMQ",CustomMap__content:"CustomMap_CustomMap__content__i8D3g",CustomMap__popupOpen:"CustomMap_CustomMap__popupOpen__Xqp7P",CustomMap__popupContent:"CustomMap_CustomMap__popupContent__q7DYs",CustomMap__mapMarker:"CustomMap_CustomMap__mapMarker__A9ttU",CustomMap__popupTitle:"CustomMap_CustomMap__popupTitle__ytw9j"}}}]);
2//# sourceMappingURL=48.a333f020a531abea.js.map