{"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: \"100%\",\n height: \"400px\" // Modifier la hauteur en fonction de vos besoins\n };\n\n const zoomLevel = 5; // Modifier le niveau de zoom en fonction de vos besoins\n\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [donneesMap && /*#__PURE__*/_jsxDEV(\"h3\", {\n children: donneesMap.title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 22\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"row\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"graphMiddle\",\n children: donneesMapData && /*#__PURE__*/_jsxDEV(MapContainer, {\n style: mapContainerStyle,\n center: [0, 0] // Modifier les coordonnées du centre en fonction de vos besoins\n ,\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: 44,\n columnNumber: 15\n }, this), donneesMapData.map((item, index) => /*#__PURE__*/_jsxDEV(Marker, {\n position: item.location,\n children: /*#__PURE__*/_jsxDEV(Popup, {\n children: `${item.location.toString()}, Nombres de visites ${item.visits.toString()}`\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 19\n }, this)\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 17\n }, this))]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 28,\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","zoomLevel","children","title","fileName","_jsxFileName","lineNumber","columnNumber","className","style","center","zoom","maxBounds","maxBoundsViscosity","attribution","url","map","item","index","position","location","toString","visits","_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: \"100%\",\r\n height: \"400px\", // Modifier la hauteur en fonction de vos besoins\r\n };\r\n const zoomLevel = 5; // Modifier le niveau de zoom en fonction de vos besoins\r\n\r\n return (\r\n
\r\n {donneesMap &&

{donneesMap.title}

}\r\n
\r\n
\r\n {donneesMapData && (\r\n \r\n \r\n\r\n {donneesMapData.map((item, index) => (\r\n \r\n \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\n
\r\n );\r\n};\r\n\r\nexport default Chart4;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}