{"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 { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Chart4 = () => {\n _s();\n const [donneesMap, setDonneesMap] = useState(null);\n const [donneesMapData, setDonneesMapData] = useState(null);\n useEffect(() => {\n fetch(\"./../data.json\").then(response => response.json()).then(data => {\n console.log(data.carte);\n setDonneesMap(data.carte);\n setDonneesMapData(data.carte.data);\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: 0,\n lng: 0\n };\n const zoomLevel = 0;\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [donneesMap && /*#__PURE__*/_jsxDEV(\"h3\", {\n children: [donneesMap.title, \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 22\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"row\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"graphMiddle\",\n children: /*#__PURE__*/_jsxDEV(MapContainer, {\n style: mapContainerStyle,\n center: center,\n zoom: zoomLevel,\n className: \"d-flex align-items-center\",\n maxBounds: [[-90, -180], [90, 180]],\n maxBoundsViscosity: 1.0,\n children: [/*#__PURE__*/_jsxDEV(TileLayer, {\n attribution: \"\\xA9 OpenStreetMap contributors\",\n url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 15\n }, this), donneesMapData && donneesMapData.map((item, index) => /*#__PURE__*/_jsxDEV(Marker, {\n position: {\n lat: item.lat,\n lng: item.lng\n },\n label: item.visits,\n children: /*#__PURE__*/_jsxDEV(Popup, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 19\n }, this)\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 17\n }, this))]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"graphMiddle\",\n children: donneesMapData && donneesMapData.map((item, index) => /*#__PURE__*/_jsxDEV(\"p\", {\n children: ` ${item.location.toString()}, Nombres de visites ${item.visits.toString()}`\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 15\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 5\n }, this);\n};\n_s(Chart4, \"tvtsUyLQ6o3zkx1VxSW2+y5eLk8=\");\n_c = Chart4;\nexport default Chart4;\nvar _c;\n$RefreshReg$(_c, \"Chart4\");","map":{"version":3,"names":["React","useEffect","useState","MapContainer","TileLayer","Marker","Popup","jsxDEV","_jsxDEV","Chart4","_s","donneesMap","setDonneesMap","donneesMapData","setDonneesMapData","fetch","then","response","json","data","console","log","carte","catch","e","error","mapContainerStyle","width","height","center","lat","lng","zoomLevel","children","title","fileName","_jsxFileName","lineNumber","columnNumber","className","style","zoom","maxBounds","maxBoundsViscosity","attribution","url","map","item","index","position","label","visits","location","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 { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';\r\n\r\nconst Chart4 = () => {\r\n const [donneesMap, setDonneesMap] = useState(null);\r\n const [donneesMapData, setDonneesMapData] = 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 setDonneesMapData(data.carte.data);\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: 0,\r\n lng: 0,\r\n };\r\n const zoomLevel = 0;\r\n\r\n return (\r\n
\r\n {donneesMap &&

{donneesMap.title}

}\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n {donneesMapData && donneesMapData.map((item, index) => (\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n\r\n
\r\n {donneesMapData &&\r\n donneesMapData.map((item, index) => (\r\n {` ${item.location.toString()}, Nombres de visites ${item.visits.toString()}`}

\r\n ))}\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Chart4;"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}