(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17438],{77545:function(e,t,n){Promise.resolve().then(n.bind(n,42866))},90771:function(e,t,n){"use strict";var r=n(57437),o=n(31143),i=n(31691),a=n(17150),s=n(67208),l=n(71586),p=n(94013),c=n(36137),d=n(89414),m=n(2265),u=n(78236),g=n(33968);t.Z=e=>{let{children:t,preview:n}=e,[x,h]=(0,m.useState)(!0),f=(0,i.Z)(),Z=(0,a.Z)(f.breakpoints.down("sm"));return(0,r.jsxs)(s.Z,{variant:"outlined",style:Z?{margin:0,marginTop:"20px",padding:5}:{marginTop:"20px"},children:[(0,r.jsxs)(l.Z,{style:Z?{padding:0,margin:"10px"}:{justifyContent:"flex-end"},children:[(0,r.jsx)(p.Z,{size:"small",color:"primary",onClick:()=>{h(e=>!e)},children:x?"Collapse Code":"Expand Code"}),(0,r.jsx)(p.Z,{size:"small",color:"primary",onClick:()=>{let e=x?t:n;e&&navigator.clipboard.writeText(e.toString())},children:(0,r.jsx)(o.Z,{fontSize:"small"})})]}),(0,r.jsx)(c.Z,{style:Z?{padding:0}:{paddingTop:"16px"},children:(0,r.jsx)(d.ZP,{container:!0,spacing:0,children:(0,r.jsx)(d.ZP,{item:!0,xs:12,children:x?(0,r.jsx)(u.Z,{language:"typescript",style:g.Z,children:t?t.toString():""}):(0,r.jsx)(u.Z,{language:"typescript",style:g.Z,children:n?n.toString():""})})})})]})}},48951:function(e,t,n){"use strict";var r=n(57437),o=n(26225),i=n.n(o),a=n(2265),s=n(16449);let l=(0,a.forwardRef)((e,t)=>{let{children:n,title:o="",meta:a,...l}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i(),{children:[(0,r.jsx)("title",{children:"".concat(o," | 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"}),a]}),(0,r.jsx)(s.Z,{ref:t,...l,children:n})]})});t.Z=l},18810:function(e,t,n){"use strict";var r=n(57437),o=n(2265),i=n(16449),a=n(67208),s=n(97260),l=n(5002),p=n(8350),c=n(36137),d=n(31691);let m={"& .MuiCardHeader-action":{mr:0}},u=o.forwardRef((e,t)=>{let{border:n=!1,boxShadow:o,children:u,content:g=!0,contentClass:x="",contentSX:h={},darkTitle:f,secondary:Z,shadow:w,sx:y={},title:j,...b}=e,k=(0,d.Z)();return(0,r.jsx)(i.Z,{sx:{[k.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0}},children:(0,r.jsxs)(a.Z,{ref:t,...b,sx:{border:n?"1px solid":"none",borderColor:"dark"===k.palette.mode?k.palette.background.default:k.palette.grey[300]+98,":hover":{boxShadow:o?w||("dark"===k.palette.mode?"0 2px 14px 0 rgb(33 150 243 / 10%)":"0 2px 14px 0 rgb(32 40 45 / 8%)"):"inherit"},[k.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0,boxShadow:"none",border:"none"},...y},children:[!f&&j&&(0,r.jsx)(s.Z,{sx:m,title:j,action:Z}),f&&j&&(0,r.jsx)(s.Z,{sx:m,title:(0,r.jsx)(l.Z,{variant:"h3",children:j}),action:Z}),j&&(0,r.jsx)(p.Z,{}),g&&(0,r.jsx)(c.Z,{sx:{[k.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0},...h},className:x,children:u}),!g&&u]})})});t.Z=u},58041:function(e,t,n){"use strict";var r=n(57437),o=n(2265),i=n(17150),a=n(16449),s=n(67208),l=n(97260),p=n(5002),c=n(8350),d=n(36137),m=n(31691);let u=o.forwardRef((e,t)=>{let{children:n,className:o,content:u=!0,contentClass:g,darkTitle:x,secondary:h,sx:f={},contentSX:Z={},title:w,...y}=e,j=(0,m.Z)(),b=(0,i.Z)(j.breakpoints.down("sm"));return(0,r.jsx)(a.Z,{sx:{margin:0,padding:0,[j.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0}},children:(0,r.jsxs)(s.Z,{ref:t,sx:{border:"1px solid",borderColor:"dark"===j.palette.mode?j.palette.dark.light+15:j.palette.grey[200],":hover":{boxShadow:"dark"===j.palette.mode?"0 2px 14px 0 rgb(33 150 243 / 10%)":"0 2px 14px 0 rgb(32 40 45 / 8%)"},[j.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,paddingLeft:0,paddingRight:0,boxShadow:"none",border:"none"},...f},...y,children:[!b&&!x&&w&&(0,r.jsx)(l.Z,{sx:{p:2.5},title:(0,r.jsx)(p.Z,{variant:"h5",children:w}),action:h}),!b&&x&&w&&(0,r.jsx)(l.Z,{sx:{p:2.5},title:(0,r.jsx)(p.Z,{variant:"h4",children:w}),action:h}),!b&&w&&(0,r.jsx)(c.Z,{sx:{opacity:1,borderColor:"dark"===j.palette.mode?j.palette.dark.light+15:j.palette.grey[200]}}),u&&(0,r.jsx)(d.Z,{sx:{p:2.5,[j.breakpoints.down("sm")]:{paddingLeft:0,paddingRight:0},...Z},className:g||"",children:n}),!u&&n]})})});t.Z=u},53239:function(e,t,n){"use strict";n.d(t,{RK:function(){return o},dv:function(){return r}});let r=3,o=260},42866:function(e,t,n){"use strict";n.d(t,{default:function(){return Z}});var r=n(57437),o=n(89414),i=n(48951),a=n(53239),s=n(18810),l=n(58041),p=n(2265),c=n(50807),d=n(15492),m=n(16808),u=n(59198);n(86037);var g=n(95925),x=n.n(g),h=()=>{let e=(0,p.useRef)(null);return(0,p.useEffect)(()=>{if(!e.current)return;let t=new c.Z({target:"map",layers:[new m.Z({source:new u.Z({attributions:'<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>',url:"https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=get_your_own_D6rA4zTHduk6KOKTXzGB"})})],view:new d.ZP({center:[-13553864,5918250],zoom:11,minZoom:9,maxZoom:13})});return()=>{t.setTarget()}},[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{id:"map",className:x().map,ref:e})})},f=n(90771),Z=()=>(0,r.jsx)(i.Z,{title:"Openlayers ZoomConstrained",children:(0,r.jsx)(s.Z,{title:"Openlayers ZoomConstrained",children:(0,r.jsx)(o.ZP,{container:!0,spacing:a.dv,children:(0,r.jsx)(o.ZP,{item:!0,xs:12,md:12,children:(0,r.jsxs)(l.Z,{title:"Openlayers ZoomConstrained",children:[(0,r.jsx)(h,{}),(0,r.jsx)(f.Z,{preview:"\nconst node = mapNode.current;\nif (!node) return;\n\nconst key = 'get_your_own_D6rA4zTHduk6KOKTXzGB';\nconst attributions =\n  '<a href=\"https://www.maptiler.com/copyright/\" target=\"_blank\">&copy; MapTiler</a> ' +\n  '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">&copy; OpenStreetMap contributors</a>';\n\nconst map = new Map({\n  target: 'map',\n  layers: [\n    new TileLayer({\n      source: new XYZ({\n        attributions: attributions,\n        url: 'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key\n      })\n    })\n  ],\n  view: new View({\n    center: [-13553864, 5918250],\n    zoom: 11,\n    minZoom: 9,\n    maxZoom: 13\n  })\n});\n\nreturn () => {\n  map.setTarget();\n};\n",children:"\nimport React, { useEffect, useRef } from 'react';\n//import ol\nimport Map from 'ol/Map';\nimport TileLayer from 'ol/layer/Tile';\nimport View from 'ol/View';\nimport XYZ from 'ol/source/XYZ';\n\n// Import Styles\nimport 'ol/ol.css';\nimport styles from '../osmStyles.module.scss';\n\nconst ZoomConstrainedComponent = () => {\n  const mapNode = useRef(null);\n\n  useEffect(() => {\n    const node = mapNode.current;\n    if (!node) return;\n\n    const key = 'get_your_own_D6rA4zTHduk6KOKTXzGB';\n    const attributions =\n      '<a href=\"https://www.maptiler.com/copyright/\" target=\"_blank\">&copy; MapTiler</a> ' +\n      '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">&copy; OpenStreetMap contributors</a>';\n\n    const map = new Map({\n      target: 'map',\n      layers: [\n        new TileLayer({\n          source: new XYZ({\n            attributions: attributions,\n            url: 'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key\n          })\n        })\n      ],\n      view: new View({\n        center: [-13553864, 5918250],\n        zoom: 11,\n        minZoom: 9,\n        maxZoom: 13\n      })\n    });\n\n    return () => {\n      map.setTarget();\n    };\n  }, []);\n\n  return (\n    <>\n      <div id=\"map\" className={styles.map} ref={mapNode}></div>\n    </>\n  );\n};\n\nexport default ZoomConstrainedComponent;\n"})]})})})})})},95925:function(e){e.exports={map:"osmStyles_map__fZ96p"}},16808:function(e,t,n){"use strict";var r=n(26682),o=n(77999);class i extends r.Z{constructor(e){super(e)}createRenderer(){return new o.Z(this)}}t.Z=i},59198:function(e,t,n){"use strict";var r=n(83660),o=n(14078);class i extends r.Z{constructor(e){let t=void 0!==(e=e||{}).projection?e.projection:"EPSG:3857";super({attributions:e.attributions,cacheSize:e.cacheSize,crossOrigin:e.crossOrigin,interpolate:e.interpolate,opaque:e.opaque,projection:t,reprojectionErrorThreshold:e.reprojectionErrorThreshold,tileGrid:void 0!==e.tileGrid?e.tileGrid:(0,o.dl)({extent:(0,o.Tl)(t),maxResolution:e.maxResolution,maxZoom:e.maxZoom,minZoom:e.minZoom,tileSize:e.tileSize}),tileLoadFunction:e.tileLoadFunction,tilePixelRatio:e.tilePixelRatio,tileUrlFunction:e.tileUrlFunction,url:e.url,urls:e.urls,wrapX:void 0===e.wrapX||e.wrapX,transition:e.transition,attributionsCollapsible:e.attributionsCollapsible,zDirection:e.zDirection}),this.gutter_=void 0!==e.gutter?e.gutter:0}getGutter(){return this.gutter_}}t.Z=i}},function(e){e.O(0,[63736,41868,2657,19472,44584,66751,26379,19506,66662,69120,18914,50807,77297,7143,73787,14078,88910,83660,77999,92971,52117,1744],function(){return e(e.s=77545)}),_N_E=e.O()}]);