https://ra-admin-next.vercel.app/_next/static/chunks/1243.3382bb7fdbd147a4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1243],{3361:(e,a,s)=>{s.d(a,{A:()=>r});var l=s(95155);s(12115);let r=e=>{let{title:a,mainTitle:s,path:r,icon:i}=e;return(0,l.jsx)("div",{className:"row m-1",children:(0,l.jsxs)("div",{className:"col-12",children:[(0,l.jsx)("h4",{className:"main-title",children:s}),(0,l.jsxs)("ul",{className:"app-line-breadcrumbs mb-3",children:[(0,l.jsx)("li",{children:(0,l.jsx)("a",{href:"#",className:"f-s-14 f-w-500",children:(0,l.jsxs)("span",{children:[i,a]})})}),r.map((e,a)=>(0,l.jsx)("li",{className:a===r.length-1?"active":"",children:a===r.length-1?(0,l.jsx)("a",{href:"#",children:e}):(0,l.jsx)("span",{children:e})},a))]})]})})}},11243:(e,a,s)=>{s.r(a),s.d(a,{default:()=>x});var l=s(95155),r=s(12115),i=s(91703),t=s(81324),n=s(37690),o=s(49850),d=s(37083),c=s(87150),p=s(3361),m=s(55027),h=s.n(m);let x=()=>((0,r.useEffect)(()=>{if(!document.getElementById("mobilemap")._leaflet_id){let e=h().map("mobilemap").fitWorld();h().tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png",{maxZoom:10}).addTo(e)}if(!document.getElementById("accessiblemap")._leaflet_id){let e=h().map("accessiblemap").setView([51.505,-.09],13);h().tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png",{maxZoom:19}).addTo(e),h().marker([51.5,-.09]).bindPopup("<b>Hello!</b><br>I am a popup.").addTo(e),h().circle([51.508,-.1],{fillColor:"#467FFB",fillOpacity:.6,radius:500}).bindPopup("This is circle.").addTo(e),h().polygon([[51.509,-.08],[51.503,-.06],[51.51,-.047]],{fillColor:"#467FFB",fillOpacity:.6}).bindPopup("This is polygon.").addTo(e)}if(!document.getElementById("markersmap")._leaflet_id){let e=h().map("markersmap").setView([50.4501,30.5234],4);h().tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png",{maxZoom:19}).addTo(e),h().marker([50.4501,30.5234]).bindPopup("Kyiv, Ukraine is the birthplace of Leaflet!").addTo(e)}if(!document.getElementById("interactivemap")._leaflet_id){let e=h().map("interactivemap").setView([37.8,-96],4);h().tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png",{maxZoom:19}).addTo(e)}if(!document.getElementById("customiconsmap")._leaflet_id){let e=h().map("customiconsmap").setView([51.5,-.09],13);h().tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(e);let a=h().Icon.extend({options:{shadowUrl:"https://leafletjs.com/examples/custom-icons/leaf-shadow.png",iconSize:[38,95],shadowSize:[50,64],iconAnchor:[22,94],shadowAnchor:[4,62],popupAnchor:[-3,-76]}}),s=new a({iconUrl:"https://leafletjs.com/examples/custom-icons/leaf-green.png"}),l=new a({iconUrl:"https://leafletjs.com/examples/custom-icons/leaf-red.png"}),r=new a({iconUrl:"https://leafletjs.com/examples/custom-icons/leaf-orange.png"});h().marker([51.5,-.09],{icon:s}).bindPopup("I am a green.").addTo(e),h().marker([51.495,-.083],{icon:l}).bindPopup("I am a red.").addTo(e),h().marker([51.49,-.1],{icon:r}).bindPopup("I am an orange.").addTo(e)}if(!document.getElementById("layersmap")._leaflet_id){let e=h().map("layersmap",{scrollWheelZoom:!1}).setView([-29.5,145],3.5),a={StreetView:h().tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"),Topography:h().tileLayer.wms("http://ows.mundialis.de/services/service?",{layers:"TOPO-WMS"}),Places:h().tileLayer.wms("http://ows.mundialis.de/services/service?",{layers:"OSM-Overlay-WMS"})};h().control.layers(a).addTo(e),a.Topography.addTo(e),h().marker([-37.69945,176.27942]).addTo(e),h().marker([-27.64331,153.30514]).addTo(e),h().marker([-33.95633,122.15027]).addTo(e),h().marker([-34.96239,117.39122]).addTo(e),h().marker([-17.96121,122.21482]).addTo(e),h().marker([-16.50596,151.75152]).addTo(e),h().marker([-22.5944,167.48444]).addTo(e),h().marker([-37.977,177.057]).addTo(e),h().marker([-41.0376,173.017]).addTo(e),h().marker([-37.6703,176.212]).addTo(e)}},[]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(i.A,{fluid:!0,children:[(0,l.jsx)(p.A,{mainTitle:"Leaflet Map",title:"Map",path:["Leaflet Map"],icon:(0,l.jsx)("i",{class:"ph-duotone  ph-map-pin-line f-s-16"})}),(0,l.jsxs)(t.A,{children:[(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Leaflet on Mobile Map"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"mobilemap"})})]})}),(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Accessible maps"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"markersmap"})})]})}),(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Markers, Circles and Polygons"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"accessiblemap"})})]})}),(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Interactive 

1Choropleth Map"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"interactivemap"})})]})}),(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Markers With Custom Icons"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"customiconsmap"})})]})}),(0,l.jsx)(n.A,{lg:6,children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(d.A,{children:(0,l.jsx)("h5",{children:"Layer Groups and Layers Control"})}),(0,l.jsx)(c.A,{children:(0,l.jsx)("div",{className:"w-100 h-280",id:"layersmap"})})]})})]})]})}))},37083:(e,a,s)=>{s.d(a,{A:()=>m});var l=s(12115),r=s(12758),i=s.n(r),t=s(85203),n=s.n(t),o=s(4217),d=["className","cssModule","tag"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var s=arguments[a];for(var l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l])}return e}).apply(this,arguments)}function p(e){var a=e.className,s=e.cssModule,r=e.tag,i=function(e,a){if(null==e)return{};var s,l,r=function(e,a){if(null==e)return{};var s,l,r={},i=Object.keys(e);for(l=0;l<i.length;l++)s=i[l],a.indexOf(s)>=0||(r[s]=e[s]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)s=i[l],!(a.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(e,s)&&(r[s]=e[s])}return r}(e,d),t=(0,o.qO)(n()(a,"card-header"),s);return l.createElement(void 0===r?"div":r,c({},i,{className:t}))}p.propTypes={className:i().string,cssModule:i().object,tag:o.Wx};let m=p}}]);