{"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\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Chart4 = () => {\n  _s();\n  const [donneesMap, setDonneesMap] = useState();\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: 30,\n      columnNumber: 22\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        children: [/*#__PURE__*/_jsxDEV(GoogleMap, {\n          mapContainerStyle: mapContainerStyle,\n          center: center,\n          zoom: 2,\n          children: donneesMap.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: 35,\n            columnNumber: 11\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 33,\n          columnNumber: 7\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          children: donneesMap && /*#__PURE__*/_jsxDEV(_Fragment, {\n            children: donneesMap.map((item, index) => /*#__PURE__*/_jsxDEV(\"p\", {\n              children: ` ${item.location}, ${item.visits}`\n            }, index, false, {\n              fileName: _jsxFileName,\n              lineNumber: 47,\n              columnNumber: 13\n            }, this))\n          }, void 0, false)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 7\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 29,\n    columnNumber: 5\n  }, this);\n};\n_s(Chart4, \"eGQr0GE6jp5YxLMto4Db8YcSxAY=\");\n_c = Chart4;\nexport default Chart4;\nvar _c;\n$RefreshReg$(_c, \"Chart4\");","map":{"version":3,"names":["React","useEffect","useState","GoogleMap","Marker","jsxDEV","_jsxDEV","Fragment","_Fragment","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","map","item","index","position","label","visits","toString","location","_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  const [donneesMap, setDonneesMap] = useState();\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 && <h3>{donneesMap.title} </h3>}\r\n      <div>\r\n        <div>\r\n      <GoogleMap mapContainerStyle={mapContainerStyle} center={center} zoom={2}>\r\n        {donneesMap.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\r\n      <div>\r\n        {donneesMap &&( \r\n          <>\r\n      {donneesMap.map((item, index) => (\r\n            <p key={index}>{` ${item.location}, ${item.visits}`}</p>\r\n          ))}\r\n          </>\r\n        ) }\r\n      </div>\r\n\r\n        </div>\r\n\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Chart4;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}