\n Just Playing With Maps\n
\n\n Mapping some of my favorite surf spots using{\" \"}\n \n react-leaflet\n \n
\n\n
{"version":3,"sources":["components/surfSpotMap.js","App.js","serviceWorker.js","index.js"],"names":["useSpots","useQuery","axios","get","then","res","data","SurfSpotMaps","surfSpots","React","useState","activeSpot","setActiveSpot","isLoading","Map","center","zoom","TileLayer","url","attribution","feed","entry","map","spot","Marker","opacity","key","gsx$name","$t","position","gsx$la","gsx$lon","onClick","Popup","onClose","App","className","style","color","margin","padding","fontWeight","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","catch","error","console","message"],"mappings":"+RASMA,EAAW,WACf,OAAOC,YAAS,SAAS,kBAHLC,IAAMC,IAD1B,kHACmCC,MAAK,SAACC,GAAD,OAASA,EAAIC,YAgDxCC,EA1CM,WACnB,IAAMC,EAAYR,IADO,EAEWS,IAAMC,SAAS,MAF1B,mBAElBC,EAFkB,KAENC,EAFM,KAIzB,OACE,6BACGJ,EAAUK,UACT,4CAEA,kBAACC,EAAA,EAAD,CAAKC,OAAQ,CAAC,SAAU,OAAQC,KAAM,IACpC,kBAACC,EAAA,EAAD,CACEC,IAAI,qDACJC,YAAY,2EAGbX,EAAUF,KAAKc,KAAKC,MAAMC,KAAI,SAACC,GAC9B,OACE,kBAACC,EAAA,EAAD,CACEC,QAAS,GACTC,IAAKH,EAAKI,SAASC,GACnBC,SAAU,CAACN,EAAKO,OAAOF,GAAIL,EAAKQ,QAAQH,IACxCI,QAAS,kBAAMpB,EAAcW,SAKlCZ,GACC,kBAACsB,EAAA,EAAD,CACEJ,SAAU,CAAClB,EAAWmB,OAAOF,GAAIjB,EAAWoB,QAAQH,IACpDM,QAAS,kBAAMtB,EAAc,QAE7B,6BACE,4BAAKD,EAAWgB,SAASC,S,MCtB1BO,MAlBf,WACE,OACE,0BAAMC,UAAU,OACd,wBAAIC,MAAO,CAAEC,MAAM,UAAYC,OAAO,MAAQC,QAAQ,SAAtD,0BAGA,0EAC+C,IAC7C,0BAAMH,MAAO,CAAEI,WAAW,OAASH,MAAM,YAAzC,kBAIF,6BACA,kBAAC,EAAD,QCNcI,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAEFC,SAASC,eAAe,SDyHpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBlD,MAAK,SAAAmD,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLC,QAAQD,MAAMA,EAAME,c","file":"static/js/main.0c7090a0.chunk.js","sourcesContent":["import React from \"react\";\nimport { Map, Marker, Popup, TileLayer } from \"react-leaflet\";\nimport { useQuery } from \"react-query\";\nimport axios from \"axios\";\n\nconst url =\n \"https://spreadsheets.google.com/feeds/list/1Dk1KD6ldix8ZEMJNa4evmrl2MJeFM5g6g9Cxis-oPjc/1/public/full?alt=json\";\nconst fetcher = () => axios.get(url).then((res) => res.data);\n\nconst useSpots = () => {\n return useQuery(\"spots\", () => fetcher());\n};\n\nconst SurfSpotMaps = () => {\n const surfSpots = useSpots();\n const [activeSpot, setActiveSpot] = React.useState(null);\n\n return (\n
\n Mapping some of my favorite surf spots using{\" \"}\n \n react-leaflet\n \n
\n