https://www.adventurelog.io/build/components-Map-TourGroupMap.271341c8.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[804],{89683:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(96540),n=a(61383),i=a(93171);const s=function(e){var t=e.t,s=e.is3D,o=e.toggleFn,l=a(21918),c=a(76565);return s?r.createElement(n.A,{delay:1500,text:t("map.button.2d"),position:"right center"},r.createElement(i.A,{src:l,className:"toggle3D",onClick:function(){return o("2d")}})):r.createElement(n.A,{delay:1500,text:t("map.button.3d"),position:"right center"},r.createElement(i.A,{src:c,className:"toggle3D",onClick:function(){return o("3d")}}))}},41261:(e,t,a)=>{a.d(t,{A:()=>i});var r=a(80296),n=a(96540);const i=function(e){var t=e.mapHandler,a=(0,n.useState)(0),i=(0,r.A)(a,2),s=i[0],o=i[1];return(0,n.useEffect)((function(){t.registerCameraCompassCallback((function(e){o(e)}))}),[]),n.createElement("div",{className:"compass"},n.createElement("svg",{width:"100",height:"100",viewBox:"0 0 100 100"},n.createElement("circle",{cx:"50",cy:"50",r:"35",fill:"#ffffffaa"}),n.createElement("line",{x1:"50",y1:"30",x2:"50",y2:"70",stroke:"#aaaaaa",strokeWidth:"1"}),n.createElement("line",{x1:"30",y1:"50",x2:"70",y2:"50",stroke:"#aaaaaa",strokeWidth:"1"}),n.createElement("text",{x:"50",y:"26",textAnchor:"middle",fontSize:"8"},"N"),n.createElement("text",{x:"78",y:"52",textAnchor:"middle",fontSize:"8"},"E"),n.createElement("text",{x:"50",y:"79",textAnchor:"middle",fontSize:"8"},"S"),n.createElement("text",{x:"24",y:"52",textAnchor:"middle",fontSize:"8"},"W"),n.createElement("line",{x1:"50",y1:"50",x2:"50",y2:"30",stroke:"red",strokeWidth:"2",transform:"rotate(".concat(s,", 50, 50)")})))}},71594:(e,t,a)=>{a.r(t),a.d(t,{default:()=>I});a(60825);var r=a(10467),n=a(23029),i=a(92901),s=a(56822),o=a(53954),l=a(85501),c=a(64467),d=(a(28706),a(2008),a(50113),a(51629),a(44114),a(79432),a(26099),a(23500),a(54756)),p=a.n(d),m=a(96540),u=a(5556),h=a.n(u),v=a(86717),y=a(42862),g=a(2757),f=a(29276),S=a(44294),A=a(49700),x=(a(75179),a(6044)),E=a(88751),L=a(58704),k=a(69186),b=a(61383),_=a(87977),M=a(35907),w=a(48085),C=a(43965),H=a(47734),O=a(91272),T=a(63417),D=a(32245),N=a(89683),W=a(41261);function B(e,t,a){return t=(0,o.A)(t),(0,s.A)(e,F()?Reflect.construct(t,a||[],(0,o.A)(e).constructor):t.apply(e,a))}function F(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(F=function(){return!!e})()}var P=function(e){function t(e){var i;(0,n.A)(this,t),i=B(this,t,[e]),(0,c.A)(i,"targetProjection","EPSG:3857"),(0,c.A)(i,"locationIcon",null),(0,c.A)(i,"markerFeature",null),(0,c.A)(i,"lastMarkerCoord",null),(0,c.A)(i,"mapHandler",null),(0,c.A)(i,"routeCoords",[]),(0,c.A)(i,"componentDidMount",(0,r.A)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.showMap();case 2:i.updateTracks(i.props.routes),i.setState({isMounted:!0});case 4:case"end":return e.stop()}}),e)})))),(0,c.A)(i,"componentDidUpdate",(function(e,t){t.mapLayer!==i.state.mapLayer&&i.mapHandler.changeMapLayer(i.state.mapLayer),t.activeOverlays!==i.state.activeOverlays&&i.mapHandler.changeMapOverlays(i.state.activeOverlays),e.routes!==i.props.routes&&i.updateTracks(i.props.routes)})),(0,c.A)(i,"componentWillUnmount",(function(){var e;null===(e=i.mapHandler)||void 0===e||e.reset(),i.mapHandler=null})),(0,c.A)(i,"showMap",(0,r.A)(p().mark((function e(){var t;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i.mapHandler=new w.A(i.props.id,i.mapserver,i.terrainserver,i.state.mapLayer,3,i.props.routeLineColor,i.props.routeLineWidth,i.onMapMoved),e.next=3,i.mapHandler.init();case 3:i.targetProjection="EPSG:3857",(t=i.mapHandler.getMap()).getInteractions().forEach((function(e){e instanceof E.A&&t.removeInteraction(e)})),t.addInteraction(new E.A({condition:L.k5})),t.getControls().forEach((function(e){t.removeControl(e)}),i),t.addControl(new k.A({target:i.props.id})),t.addControl(new C.A({units:"metric",bar:!0,steps:2,text:!0,minWidth:100})),i.mapHandler.addDetailPopupSelectListener(i.props.onSelectRoute,i.props.t);case 11:case"end":return e.stop()}}),e)})))),(0,c.A)(i,"onMapMoved",(function(){i.updateSelectableLayers()})),(0,c.A)(i,"createMarkerLayer",(function(){var e=new y.A;i.markerFeature=new v.A({geometry:new S.A([0,0]).transform("EPSG:4326",i.targetProjection),name:"marker"});var t=new f.Ay({image:new A.A({src:i.locationIcon,scale:.2,anchorOrigin:"bottom-left",anchor:[.5,0]})});i.markerFeature.setStyle(t),i.markerFeature.setId("marker"),e.addFeature(i.markerFeature);var a=new g.A({source:e,name:"marker"});i.mapHandler.addLayer(a)})),(0,c.A)(i,"createTracklayer",(function(){var e=new y.A,t=new g.A({source:e,name:"tracks"});return i.mapHandler.addLayer(t),i.createMarkerLayer(),t})),(0,c.A)(i,"updateTracks",(function(){i.mapHandler.initializeDetailPo

1pup("mapDetailPopup"),i.mapHandler.removeTracklayer();var e=i.createTracklayer();i.props.routes.forEach((function(t,a){if(t){var r=(0,T.JO)(t.pathStats.start).toLocaleString(O.c9.DATE_SHORT)+"\n"+t.title;if(!0===t.onlyLocations)i.mapHandler.addLocationsToLayer(e,t.coordinates,r,t);else{var n=t.coordinates.filter((function(e,t){return t%2==0}));i.mapHandler.addTrackToLayer(e,n,r,t),i.routeCoords=i.routeCoords.concat(n)}}})),i.props.routes.length>0&&i.mapHandler.getMap().getView().fit(e.getSource().getExtent())})),(0,c.A)(i,"highlightCoordinate",(function(e){if(i.lastMarkerCoord!==e){if(i.markerFeature){var t=i.routeCoords[e],a=i.markerFeature.getGeometry();t&&t.length>=2&&(a.setCoordinates([t[0],t[1]]),a.transform("EPSG:4326",i.targetProjection))}i.lastMarkerCoord=e}})),(0,c.A)(i,"changeMapLayer",(function(e){i.setState({mapLayer:e})})),(0,c.A)(i,"changeMapOverlay",(function(e){var t=i.state.activeOverlays.filter((function(t){return t!==e}));t.length===i.state.activeOverlays.length&&t.push(e),i.setState({activeOverlays:t})})),(0,c.A)(i,"updateSelectableLayers",(function(){var e=i.mapHandler.getSelectableMapLayers(i.props.t),t=i.mapHandler.getSelectableMapOverlays(i.props.t);0===e.filter((function(e){return e.key===i.state.mapLayer})).length&&i.setState({mapLayer:i.props.mapLayer});var a=i.state.activeOverlays.filter((function(e){return t.find((function(t){return t.key===e}))}));i.state.activeOverlays.length!==a.length&&i.setState({activeOverlays:a}),i.setState({availableLayers:e,availableOverlays:t})})),(0,c.A)(i,"toggle3D",(function(e){"3d"===e?(i.mapHandler.enable3DMode(),i.updateSelectableLayers(),i.changeMapLayer("combined-satellite"),i.mapHandler.toggleLayer("images",!1),i.setState({is3D:!0})):(i.mapHandler.disable3DMode(),i.updateSelectableLayers(),i.mapHandler.toggleLayer("images",!0),i.setState({is3D:!1}))}));var s=document.querySelector("#admin");return i.mapserver=JSON.parse(s.dataset.mapserver),i.terrainserver=JSON.parse(s.dataset.terrainserver),i.state={mapLayer:e.mapLayer,locationSearchOpen:!1,availableLayers:[],availableOverlays:[],activeOverlays:[],is3D:!1},i.locationIcon=a(10952),i}return(0,l.A)(t,e),(0,i.A)(t,[{key:"render",value:function(){var e=this,t=this.props.t;return this.mapHandler?m.createElement("div",{id:this.props.id,className:this.props.id+" map",style:{pointerEvents:"all"}},m.createElement("div",{className:"mapDetailPopup",id:"mapDetailPopup"}),m.createElement("div",{className:"attribution"},t("map.attributions."+this.state.mapLayer)),m.createElement(N.A,{t:this.props.t,is3D:this.state.is3D,toggleFn:this.toggle3D}),m.createElement(b.A,{delay:1500,text:"map.button.overlay",position:"right center"},m.createElement(D.A,{icon:"adjust",layers:this.state.availableOverlays,activeLayers:this.state.activeOverlays,changeLayerFn:this.changeMapOverlay,className:"layerToggle overlay "+(this.state.activeOverlays.length>0?"active":"")})),m.createElement(b.A,{delay:1500,text:"map.button.map",position:"right center"},m.createElement(D.A,{icon:"map outline",layers:this.state.availableLayers,activeLayers:[this.state.mapLayer],changeLayerFn:this.changeMapLayer,className:"layerToggle map"})),!this.props.publicRoute&&m.createElement(_.A,{className:"locationSearchModal",open:this.state.locationSelectOpen,closeIcon:!0,onClose:function(){return e.setState({locationSelectOpen:!1})},trigger:m.createElement(b.A,{delay:1500,text:t("locations.search.title"),position:"right center"},m.createElement(M.A,{name:"search",size:"large",className:"searchToggle",onClick:function(){return e.setState({locationSelectOpen:!0})}}))},m.createElement(_.A.Header,null,t("locations.search.title")),m.createElement(_.A.Content,{scrolling:!0},m.createElement(H.A,{locationSelectCb:function(t){e.mapHandler.zoomToWgs84Coordinate(t.lat,t.long),e.setState({locationSelectOpen:!1})},getMapBoundingBoxFn:function(){return e.mapHandler.getCurrentBoundingBox},saveStateFn:function(t){return e.setState({locationSearchState:t})},presetState:this.state.locationSearchState}))),this.state.is3D&&m.createElement(W.A,{mapHandler:this.mapHandler})):m.createElement("div",{id:this.props.id,className:this.props.id+" map"},m.createElement("div",{className:"mapDetailPopup",id:"mapDetailPopup"}))}}])}(m.Component);(0,c.A)(P,"propTypes",{id:h().string,routes:h().array,mapLayer:h().string,onSelectRoute:h().func,publicRoute:h().bool,routeLineColor:h().oneOfType([h().string,h().object]),routeLineWidth:h().number}),(0,c.A)(P,"defaultProps",{mapLayer:"adventurelog_topo",publicRoute:!1,routeLineWidth:2,routeLineColor:"#d72222"});const I=(0,x.CI)(null,{withRef:!0})(P)},43965:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(10972),n=a(25176),i=a(20281);const s="units",o=[1,2,5],l=25.4/.28;class c extends r.A{constructor(e){e=e||{};const t=document.createElement("div");t.style.pointerEvents="none",super({element:t,render:e.render,target:e.target}),this.on,this.once,this.un;const a=void 0!==e.className?e.className:e.bar?"ol-scale-bar":"ol-scale-line";this.innerElement_=document.createElement("div"),this.innerElement_.className=a+"-inner",this.element.className=a+" "+n.XI,this.element.appendChild(this.innerElement_),this.viewState_=null,this.minWidth_=void 0!==e.minWidth?e.minWidth:64,this.maxWidth_=e.maxWidth,this.renderedVisible_=!1,this.renderedWidth_=void 0,this.renderedHTML_="",this.addChangeListener(s,this.handleUnitsChanged_),this.setUnits(e.units||"metric"),this.scaleBar_=e.bar||!1,this.scaleBarSteps_=e.steps||4,this.scaleBarText_=e.text||!1,this.dpi_=e.dpi||void 0}getUnits(){return this.get(s)}handleUnitsChanged_(){this.updateElement_()}setUnits(e){this.set(s,e)}setDpi(e){this.dpi_=e}updateElement_(){const e=this.viewState_;if(!e)return void(this.renderedVisible_&&(this.element.style.display="none",this.renderedVisible_=!1));const t=e.center,a=e.projection,r=this.getUnits(),n="degrees"==r?"degrees":"m";let s=(0,i.hO)(a,e.resolution,t,n);const c=this.minWidth_*(this.dpi_||l)/l,d=void 0!==this.maxWidth_?this.maxWidth_*(this.dpi_||l)/l:void 0;let p=c*s,m="";if("degrees"==r){const e=i.Ig.degrees;p*=e,p<e/60?(m="″",s*=3600):p<e?(m="′",s*=60):m="°"}else if("imperial"==r)p<.9144?(m="in",s/=.0254):p<1609.344?(m="ft",s/=.3048):(m="mi",s/=1609.344);else if("nautical"==r)s/=1852,m="NM";else if("metric"==r)p<1e-6?(m="nm",s*=1e9):p<.001?(m="μm",s*=1e6):p<1?(m="mm",s*=1e3):p<1e3?m="m":(m="km",s/=1e3);else{if("us"!=r)throw new Error("Invalid units");p<.9144?(m="in",s*=39.37):p<1609.344?(m="ft",s/=.30480061):(m="mi",s/=1609.3472)}let u,h,v,y,g,f,S=3*Math.floor(Math.log(c*s)/Math.log(10));for(;;){v=Math.floor(S/3);const e=Math.pow(10,v);if(u=o[(S%3+3)%3]*e,h=Math.round(u/s),isNaN(h))return this.element.style.display="none",void(this.renderedVisible_=!1);if(void 0!==d&&h>=d){u=y,h=g,v=f;break}if(h>=c)break;y=u,g=h,f=v,++S}const A=this.scaleBar_?this.createScaleBar(h,u,m):u.toFixed(v<0?-v:0)+" "+m;this.renderedHTML_!=A&&(this.innerElement_.innerHTML=A,this.renderedHTML_=A),this.renderedWidth_!=h&&(this.innerElement_.style.width=h+"px",this.renderedWidth_=h),this.renderedVisible_||(this.element.style.display="",this.renderedVisible_=!0)}createScaleBar(e,t,a){const r=this.getScaleForResolution(),n=r<1?Math.round(1/r).toLocaleStr

1ing()+" : 1":"1 : "+Math.round(r).toLocaleString(),i=this.scaleBarSteps_,s=e/i,o=[this.createMarker("absolute")];for(let r=0;r<i;++r){const n=r%2==0?"ol-scale-singlebar-odd":"ol-scale-singlebar-even";o.push(`<div><div class="ol-scale-singlebar ${n}" style="width: ${s}px;"></div>`+this.createMarker("relative")+(r%2==0||2===i?this.createStepText(r,e,!1,t,a):"")+"</div>")}o.push(this.createStepText(i,e,!0,t,a));return(this.scaleBarText_?`<div class="ol-scale-text" style="width: ${e}px;">`+n+"</div>":"")+o.join("")}createMarker(e){return`<div class="ol-scale-step-marker" style="position: ${e}; top: ${"absolute"===e?3:-10}px;"></div>`}createStepText(e,t,a,r,n){const i=(0===e?0:Math.round(r/this.scaleBarSteps_*e*100)/100)+(0===e?"":" "+n);return`<div class="ol-scale-step-text" style="margin-left: ${0===e?-3:t/this.scaleBarSteps_*-1}px;text-align: ${0===e?"left":"center"};min-width: ${0===e?0:t/this.scaleBarSteps_*2}px;left: ${a?t+"px":"unset"};">`+i+"</div>"}getScaleForResolution(){return(0,i.hO)(this.viewState_.projection,this.viewState_.resolution,this.viewState_.center,"m")*(1e3/25.4)*(this.dpi_||l)}render(e){const t=e.frameState;this.viewState_=t?t.viewState:null,this.updateElement_()}}const d=c}}]);