{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\projet dashboard\\\\dashboard\\\\src\\\\components\\\\tableau_main\\\\components\\\\chart4.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { GoogleMap, Marker } from '@react-google-maps/api';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Chart4 = () => {\n  _s();\n  const [donneesMap, setDonneesMap] = useState(null);\n  useEffect(() => {\n    fetch('./../data.json').then(response => response.json()).then(data => {\n      console.log(data.carte);\n      setDonneesMap(data.carte);\n    }).catch(e => {\n      console.error('Erreur lors de la récupération des données JSON:', e);\n    });\n  });\n  const mapContainerStyle = {\n    width: '400px',\n    height: '400px'\n  };\n  const center = {\n    lat: 51.5074,\n    lng: -0.1278\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [donneesMap && /*#__PURE__*/_jsxDEV(\"h3\", {\n      children: [donneesMap.title, \" \"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(GoogleMap, {\n      mapContainerStyle: mapContainerStyle,\n      center: center,\n      zoom: 2,\n      children: donn.map((item, index) => /*#__PURE__*/_jsxDEV(Marker, {\n        position: {\n          lat: item.lat,\n          lng: item.lng\n        },\n        label: item.visits.toString()\n      }, index, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 9\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 30,\n    columnNumber: 9\n  }, this);\n};\n_s(Chart4, \"wBinUh0+a88jlnWvWP+TfA0ONiM=\");\n_c = Chart4;\nexport default Chart4;\nvar _c;\n$RefreshReg$(_c, \"Chart4\");","map":{"version":3,"names":["React","useEffect","useState","GoogleMap","Marker","jsxDEV","_jsxDEV","Chart4","_s","donneesMap","setDonneesMap","fetch","then","response","json","data","console","log","carte","catch","e","error","mapContainerStyle","width","height","center","lat","lng","children","title","fileName","_jsxFileName","lineNumber","columnNumber","zoom","donn","map","item","index","position","label","visits","toString","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/projet dashboard/dashboard/src/components/tableau_main/components/chart4.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { GoogleMap, Marker } from '@react-google-maps/api';\r\n\r\nconst Chart4=()=>{\r\n\r\n    const [donneesMap, setDonneesMap]=useState(null)\r\n\r\n    useEffect(()=>{\r\n        fetch('./../data.json')\r\n        .then((response)=>response.json())\r\n        .then((data)=>{\r\n            console.log(data.carte)\r\n            setDonneesMap(data.carte)\r\n        })\r\n        .catch((e)=>{\r\n            console.error('Erreur lors de la récupération des données JSON:', e);\r\n        })\r\n    })\r\n\r\n    const mapContainerStyle = {\r\n        width: '400px',\r\n        height: '400px'\r\n      };\r\n      const center = {\r\n        lat: 51.5074,\r\n        lng: -0.1278\r\n      };\r\n    \r\n      return (\r\n        <div>\r\n         { donneesMap && (\r\n        <h3>{donneesMap.title} </h3>\r\n        )}\r\n        <GoogleMap\r\n          mapContainerStyle={mapContainerStyle}\r\n          center={center}\r\n          zoom={2}\r\n        >\r\n       {donn.map((item, index) => (\r\n        <Marker\r\n          key={index}\r\n          position={{ lat: item.lat, lng: item.lng }}\r\n          label={item.visits.toString()}\r\n        />\r\n      ))}\r\n        </GoogleMap>\r\n        </div>\r\n      );\r\n    };\r\n    \r\n\r\nexport default Chart4"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,MAAM,QAAQ,wBAAwB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAE3D,MAAMC,MAAM,GAACA,CAAA,KAAI;EAAAC,EAAA;EAEb,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAACR,QAAQ,CAAC,IAAI,CAAC;EAEhDD,SAAS,CAAC,MAAI;IACVU,KAAK,CAAC,gBAAgB,CAAC,CACtBC,IAAI,CAAEC,QAAQ,IAAGA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACjCF,IAAI,CAAEG,IAAI,IAAG;MACVC,OAAO,CAACC,GAAG,CAACF,IAAI,CAACG,KAAK,CAAC;MACvBR,aAAa,CAACK,IAAI,CAACG,KAAK,CAAC;IAC7B,CAAC,CAAC,CACDC,KAAK,CAAEC,CAAC,IAAG;MACRJ,OAAO,CAACK,KAAK,CAAC,kDAAkD,EAAED,CAAC,CAAC;IACxE,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,MAAME,iBAAiB,GAAG;IACtBC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE;EACV,CAAC;EACD,MAAMC,MAAM,GAAG;IACbC,GAAG,EAAE,OAAO;IACZC,GAAG,EAAE,CAAC;EACR,CAAC;EAED,oBACErB,OAAA;IAAAsB,QAAA,GACGnB,UAAU,iBACbH,OAAA;MAAAsB,QAAA,GAAKnB,UAAU,CAACoB,KAAK,EAAC,GAAC;IAAA;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAC1B,eACD3B,OAAA,CAACH,SAAS;MACRmB,iBAAiB,EAAEA,iBAAkB;MACrCG,MAAM,EAAEA,MAAO;MACfS,IAAI,EAAE,CAAE;MAAAN,QAAA,EAEVO,IAAI,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBhC,OAAA,CAACF,MAAM;QAELmC,QAAQ,EAAE;UAAEb,GAAG,EAAEW,IAAI,CAACX,GAAG;UAAEC,GAAG,EAAEU,IAAI,CAACV;QAAI,CAAE;QAC3Ca,KAAK,EAAEH,IAAI,CAACI,MAAM,CAACC,QAAQ,CAAC;MAAE,GAFzBJ,KAAK;QAAAR,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAGX,CACF;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACW,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACP,CAAC;AAEV,CAAC;AAACzB,EAAA,CA7CAD,MAAM;AAAAoC,EAAA,GAANpC,MAAM;AAgDZ,eAAeA,MAAM;AAAA,IAAAoC,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}