(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99],{62789:function(e,t,n){Promise.resolve().then(n.bind(n,1300))},90771:function(e,t,n){"use strict";var r=n(57437),i=n(31143),o=n(31691),s=n(17150),a=n(67208),l=n(71586),c=n(94013),d=n(36137),p=n(89414),u=n(2265),f=n(78236),g=n(33968);t.Z=e=>{let{children:t,preview:n}=e,[m,x]=(0,u.useState)(!0),h=(0,o.Z)(),C=(0,s.Z)(h.breakpoints.down("sm"));return(0,r.jsxs)(a.Z,{variant:"outlined",style:C?{margin:0,marginTop:"20px",padding:5}:{marginTop:"20px"},children:[(0,r.jsxs)(l.Z,{style:C?{padding:0,margin:"10px"}:{justifyContent:"flex-end"},children:[(0,r.jsx)(c.Z,{size:"small",color:"primary",onClick:()=>{x(e=>!e)},children:m?"Collapse Code":"Expand Code"}),(0,r.jsx)(c.Z,{size:"small",color:"primary",onClick:()=>{let e=m?t:n;e&&navigator.clipboard.writeText(e.toString())},children:(0,r.jsx)(i.Z,{fontSize:"small"})})]}),(0,r.jsx)(d.Z,{style:C?{padding:0}:{paddingTop:"16px"},children:(0,r.jsx)(p.ZP,{container:!0,spacing:0,children:(0,r.jsx)(p.ZP,{item:!0,xs:12,children:m?(0,r.jsx)(f.Z,{language:"typescript",style:g.Z,children:t?t.toString():""}):(0,r.jsx)(f.Z,{language:"typescript",style:g.Z,children:n?n.toString():""})})})})]})}},48951:function(e,t,n){"use strict";var r=n(57437),i=n(26225),o=n.n(i),s=n(2265),a=n(16449);let l=(0,s.forwardRef)((e,t)=>{let{children:n,title:i="",meta:s,...l}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(o(),{children:[(0,r.jsx)("title",{children:"".concat(i," | Geopois: Geospatial React UI and Maps Tools")}),(0,r.jsx)("meta",{name:"description",content:"Integrate maps and geospatial data into your React or Next.js apps easily with geopois. Perfect for developers looking to enhance spatial data visualization."},"desc"),(0,r.jsx)("meta",{property:"og:title",content:"Geopois: Geospatial React UI and Maps Tools"}),(0,r.jsx)("meta",{property:"og:description",content:"Integrate maps and geospatial data into your React or Next.js apps easily with geopois. Perfect for developers looking to enhance spatial data visualization."}),(0,r.jsx)("meta",{property:"og:image",content:"https://geopois.com/favicon/geopois.png"}),s]}),(0,r.jsx)(a.Z,{ref:t,...l,children:n})]})});t.Z=l},18810:function(e,t,n){"use strict";var r=n(57437),i=n(2265),o=n(16449),s=n(67208),a=n(97260),l=n(5002),c=n(8350),d=n(36137),p=n(31691);let u={"& .MuiCardHeader-action":{mr:0}},f=i.forwardRef((e,t)=>{let{border:n=!1,boxShadow:i,children:f,content:g=!0,contentClass:m="",contentSX:x={},darkTitle:h,secondary:C,shadow:P,sx:b={},title:w,...k}=e,Z=(0,p.Z)();return(0,r.jsx)(o.Z,{sx:{[Z.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0}},children:(0,r.jsxs)(s.Z,{ref:t,...k,sx:{border:n?"1px solid":"none",borderColor:"dark"===Z.palette.mode?Z.palette.background.default:Z.palette.grey[300]+98,":hover":{boxShadow:i?P||("dark"===Z.palette.mode?"0 2px 14px 0 rgb(33 150 243 / 10%)":"0 2px 14px 0 rgb(32 40 45 / 8%)"):"inherit"},[Z.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0,boxShadow:"none",border:"none"},...b},children:[!h&&w&&(0,r.jsx)(a.Z,{sx:u,title:w,action:C}),h&&w&&(0,r.jsx)(a.Z,{sx:u,title:(0,r.jsx)(l.Z,{variant:"h3",children:w}),action:C}),w&&(0,r.jsx)(c.Z,{}),g&&(0,r.jsx)(d.Z,{sx:{[Z.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0},...x},className:m,children:f}),!g&&f]})})});t.Z=f},58041:function(e,t,n){"use strict";var r=n(57437),i=n(2265),o=n(17150),s=n(16449),a=n(67208),l=n(97260),c=n(5002),d=n(8350),p=n(36137),u=n(31691);let f=i.forwardRef((e,t)=>{let{children:n,className:i,content:f=!0,contentClass:g,darkTitle:m,secondary:x,sx:h={},contentSX:C={},title:P,...b}=e,w=(0,u.Z)(),k=(0,o.Z)(w.breakpoints.down("sm"));return(0,r.jsx)(s.Z,{sx:{margin:0,padding:0,[w.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0}},children:(0,r.jsxs)(a.Z,{ref:t,sx:{border:"1px solid",borderColor:"dark"===w.palette.mode?w.palette.dark.light+15:w.palette.grey[200],":hover":{boxShadow:"dark"===w.palette.mode?"0 2px 14px 0 rgb(33 150 243 / 10%)":"0 2px 14px 0 rgb(32 40 45 / 8%)"},[w.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0,boxShadow:"none",border:"none"},...h},...b,children:[!k&&!m&&P&&(0,r.jsx)(l.Z,{sx:{p:2.5},title:(0,r.jsx)(c.Z,{variant:"h5",children:P}),action:x}),!k&&m&&P&&(0,r.jsx)(l.Z,{sx:{p:2.5},title:(0,r.jsx)(c.Z,{variant:"h4",children:P}),action:x}),!k&&P&&(0,r.jsx)(d.Z,{sx:{opacity:1,borderColor:"dark"===w.palette.mode?w.palette.dark.light+15:w.palette.grey[200]}}),f&&(0,r.jsx)(p.Z,{sx:{p:2.5,[w.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0},...C},className:g||"",children:n}),!f&&n]})})});t.Z=f},53239:function(e,t,n){"use strict";n.d(t,{RK:function(){return i},dv:function(){return r}});let r=3,i=260},1300:function(e,t,n){"use strict";n.d(t,{default:function(){return m}});var r=n(57437),i=n(89414),o=n(48951),s=n(53239),a=n(18810),l=n(58041),c=n(66771);n(86037);var d=n(2265),p=n(67953),u=n.n(p),f=()=>{let e=(0,d.useRef)(null);return(0,d.useEffect)(()=>{if(!e.current)return;let t=new c.Z;return fetch("/data/WMTSCapabilities.xml").then(e=>{if(!e.ok)throw Error("Network response was not ok");return e.text()}).then(e=>{let n=t.read(e),r=document.getElementById("log");r&&(r.innerText=JSON.stringify(n,null,2))}).catch(e=>{console.error("Error fetching WMTS capabilities:",e)}),()=>{}},[]),(0,r.jsx)("pre",{className:u().logContainer,children:(0,r.jsx)("code",{id:"log"})})},g=n(90771),m=()=>(0,r.jsx)(o.Z,{title:"Openlayers WmtsCapabilities",children:(0,r.jsx)(a.Z,{title:"Openlayers WmtsCapabilities",children:(0,r.jsx)(i.ZP,{container:!0,spacing:s.dv,children:(0,r.jsx)(i.ZP,{item:!0,xs:12,md:12,children:(0,r.jsxs)(l.Z,{title:"Openlayers WmtsCapabilities",children:[(0,r.jsx)(f,{}),(0,r.jsx)(g.Z,{preview:"\nif (!mapNode.current) return;\n\nconst parser = new WMTSCapabilities();\n\nfetch('/data/WMTSCapabilities.xml')\n  .then((response) => {\n    if (!response.ok) {\n      throw new Error('Network response was not ok');\n    }\n    return response.text();\n  })\n  .then((text) => {\n    const result = parser.read(text);\n    const logElement = document.getElementById('log');\n    if (logElement) {\n      logElement.innerText = JSON.stringify(result, null, 2);\n    }\n  })\n  .catch((error) => {\n    console.error('Error fetching WMTS capabilities:', error);\n  });\n\nreturn () => {};\n",children:"import React, { useEffect, useRef } from 'react';\nimport WMTSCapabilities from 'ol/format/WMTSCapabilities';\nimport 'ol/ol.css';\nimport styles from './wmts-capabilities.module.scss';\n\ninterface WmtsCapabilitiesComponentProps {}\n\nconst WmtsCapabilitiesComponent: React.FC<WmtsCapabilitiesComponentProps> = () => {\n  const mapNode = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!mapNode.current) return;\n\n    const parser = new WMTSCapabilities();\n\n    fetch('/data/WMTSCapabilities.xml')\n      .then((response) => {\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        return response.text();\n      })\n      .then((text) => {\n        const result = parser.read(text);\n        const logElement = document.getElementById('log');\n        if (logElement) {\n          logElement.innerText = JSON.stringify(result, null, 2);\n        }\n      })\n      .catch((error) => {\n        console.error('Error fetching WMTS capabilities:', error);\n      });\n\n    return () => {};\n  }, []);\n\n  return (\n    <pre className={styles.logContainer}>\n      <code id=\"log\"></code>\n    </pre>\n  );\n};\n\nexport default WmtsCapabilitiesComponent;\n"})]})})})})})},67953:function(e){e.exports={"log-container":"wmts-capabilities_log-container__XEIui",map:"wmts-capabilities_map__dgkqm"}},66771:function(e,t,n){"use strict";n.d(t,{Z:function(){return F}});var r=n(53029),i=n(51565),o=n(43178),s=n(73959);let a=[null,"http://www.opengis.net/ows/1.1"],l=(0,i.C5)(a,{ServiceIdentification:(0,i.Pr)(function(e,t){return(0,i.O)({},w,e,t)}),ServiceProvider:(0,i.Pr)(function(e,t){return(0,i.O)({},k,e,t)}),OperationsMetadata:(0,i.Pr)(function(e,t){return(0,i.O)({},h,e,t)})});class c extends r.Z{constructor(){super()}readFromNode(e){return(0,i.O)({},l,e,[])||null}}let d=(0,i.C5)(a,{DeliveryPoint:(0,i.Pr)(s.s2),City:(0,i.Pr)(s.s2),AdministrativeArea:(0,i.Pr)(s.s2),PostalCode:(0,i.Pr)(s.s2),Country:(0,i.Pr)(s.s2),ElectronicMailAddress:(0,i.Pr)(s.s2)}),p=(0,i.C5)(a,{Value:(0,i.ke)(function(e,t){return(0,s.s2)(e)})}),u=(0,i.C5)(a,{AllowedValues:(0,i.Pr)(function(e,t){return(0,i.O)({},p,e,t)})}),f=(0,i.C5)(a,{Phone:(0,i.Pr)(function(e,t){return(0,i.O)({},C,e,t)}),Address:(0,i.Pr)(function(e,t){return(0,i.O)({},d,e,t)})}),g=(0,i.C5)(a,{HTTP:(0,i.Pr)(function(e,t){return(0,i.O)({},m,e,t)})}),m=(0,i.C5)(a,{Get:(0,i.ke)(function(e,t){let n=(0,o.Q)(e);if(n)return(0,i.O)({href:n},P,e,t)}),Post:void 0}),x=(0,i.C5)(a,{DCP:(0,i.Pr)(function(e,t){return(0,i.O)({},g,e,t)})}),h=(0,i.C5)(a,{Operation:function(e,t){let n=e.getAttribute("name"),r=(0,i.O)({},x,e,t);r&&(t[t.length-1][n]=r)}}),C=(0,i.C5)(a,{Voice:(0,i.Pr)(s.s2),Facsimile:(0,i.Pr)(s.s2)}),P=(0,i.C5)(a,{Constraint:(0,i.ke)(function(e,t){let n=e.getAttribute("name");if(n)return(0,i.O)({name:n},u,e,t)})}),b=(0,i.C5)(a,{IndividualName:(0,i.Pr)(s.s2),PositionName:(0,i.Pr)(s.s2),ContactInfo:(0,i.Pr)(function(e,t){return(0,i.O)({},f,e,t)})}),w=(0,i.C5)(a,{Abstract:(0,i.Pr)(s.s2),AccessConstraints:(0,i.Pr)(s.s2),Fees:(0,i.Pr)(s.s2),Title:(0,i.Pr)(s.s2),ServiceTypeVersion:(0,i.Pr)(s.s2),ServiceType:(0,i.Pr)(s.s2)}),k=(0,i.C5)(a,{ProviderName:(0,i.Pr)(s.s2),ProviderSite:(0,i.Pr)(o.Q),ServiceContact:(0,i.Pr)(function(e,t){return(0,i.O)({},b,e,t)})});var Z=n(86810);let j=[null,"http://www.opengis.net/wmts/1.0"],T=[null,"http://www.opengis.net/ows/1.1"],y=(0,i.C5)(j,{Contents:(0,i.Pr)(function(e,t){return(0,i.O)({},S,e,t)})});class v extends r.Z{constructor(){super(),this.owsParser_=new c}readFromNode(e){let t=e.getAttribute("version");t&&(t=t.trim());let n=this.owsParser_.readFromNode(e);return n?(n.version=t,(n=(0,i.O)(n,y,e,[]))||null):null}}let S=(0,i.C5)(j,{Layer:(0,i.ke)(function(e,t){return(0,i.O)({},O,e,t)}),TileMatrixSet:(0,i.ke)(function(e,t){return(0,i.O)({},I,e,t)})}),O=(0,i.C5)(j,{Style:(0,i.ke)(function(e,t){let n=(0,i.O)({},M,e,t);if(!n)return;let r="true"===e.getAttribute("isDefault");return n.isDefault=r,n}),Format:(0,i.ke)(s.s2),TileMatrixSetLink:(0,i.ke)(function(e,t){return(0,i.O)({},E,e,t)}),Dimension:(0,i.ke)(function(e,t){return(0,i.O)({},L,e,t)}),ResourceURL:(0,i.ke)(function(e,t){let n=e.getAttribute("format"),r=e.getAttribute("template"),i=e.getAttribute("resourceType"),o={};return n&&(o.format=n),r&&(o.template=r),i&&(o.resourceType=i),o})},(0,i.C5)(T,{Title:(0,i.Pr)(s.s2),Abstract:(0,i.Pr)(s.s2),WGS84BoundingBox:(0,i.Pr)(_),Identifier:(0,i.Pr)(s.s2)})),M=(0,i.C5)(j,{LegendURL:(0,i.ke)(function(e,t){let n={};return n.format=e.getAttribute("format"),n.href=(0,o.Q)(e),n})},(0,i.C5)(T,{Title:(0,i.Pr)(s.s2),Identifier:(0,i.Pr)(s.s2)})),E=(0,i.C5)(j,{TileMatrixSet:(0,i.Pr)(s.s2),TileMatrixSetLimits:(0,i.Pr)(function(e,t){return(0,i.O)([],N,e,t)})}),N=(0,i.C5)(j,{TileMatrixLimits:(0,i.Ei)(function(e,t){return(0,i.O)({},R,e,t)})}),R=(0,i.C5)(j,{TileMatrix:(0,i.Pr)(s.s2),MinTileRow:(0,i.Pr)(s.$L),MaxTileRow:(0,i.Pr)(s.$L),MinTileCol:(0,i.Pr)(s.$L),MaxTileCol:(0,i.Pr)(s.$L)}),L=(0,i.C5)(j,{Default:(0,i.Pr)(s.s2),Value:(0,i.ke)(s.s2)},(0,i.C5)(T,{Identifier:(0,i.Pr)(s.s2)})),W=(0,i.C5)(T,{LowerCorner:(0,i.Ei)(D),UpperCorner:(0,i.Ei)(D)}),I=(0,i.C5)(j,{WellKnownScaleSet:(0,i.Pr)(s.s2),TileMatrix:(0,i.ke)(function(e,t){return(0,i.O)({},A,e,t)})},(0,i.C5)(T,{SupportedCRS:(0,i.Pr)(s.s2),Identifier:(0,i.Pr)(s.s2),BoundingBox:(0,i.Pr)(_)})),A=(0,i.C5)(j,{TopLeftCorner:(0,i.Pr)(D),ScaleDenominator:(0,i.Pr)(s.fy),TileWidth:(0,i.Pr)(s.$L),TileHeight:(0,i.Pr)(s.$L),MatrixWidth:(0,i.Pr)(s.$L),MatrixHeight:(0,i.Pr)(s.$L)},(0,i.C5)(T,{Identifier:(0,i.Pr)(s.s2)}));function _(e,t){let n=(0,i.O)([],W,e,t);if(2==n.length)return(0,Z.hI)(n)}function D(e,t){let n=(0,s.s2)(e).split(/\s+/);if(!n||2!=n.length)return;let r=+n[0],i=+n[1];if(!(isNaN(r)||isNaN(i)))return[r,i]}var F=v}},function(e){e.O(0,[63736,41868,2657,19472,44584,66751,26379,19506,66662,708,92971,52117,1744],function(){return e(e.s=62789)}),_N_E=e.O()}]);