{"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: 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: /*#__PURE__*/_jsxDEV(\"p\", {\n            children: [donneesMap, \" \"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 9\n          }, this)\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, \"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","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  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 && <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        <p>{ donneesMap} </p>\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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,MAAM,QAAQ,wBAAwB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAE3D,MAAMC,MAAM,GAAGA,CAAA,KAAM;EAAAC,EAAA;EACnB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGR,QAAQ,CAAC,IAAI,CAAC;EAElDD,SAAS,CAAC,MAAM;IACdU,KAAK,CAAC,gBAAgB,CAAC,CACpBC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdC,OAAO,CAACC,GAAG,CAACF,IAAI,CAACG,KAAK,CAAC;MACvBR,aAAa,CAACK,IAAI,CAACG,KAAK,CAAC;IAC3B,CAAC,CAAC,CACDC,KAAK,CAAEC,CAAC,IAAK;MACZJ,OAAO,CAACK,KAAK,CAAC,kDAAkD,EAAED,CAAC,CAAC;IACtE,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,MAAME,iBAAiB,GAAG;IACxBC,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,iBAAIH,OAAA;MAAAsB,QAAA,GAAKnB,UAAU,CAACoB,KAAK,EAAC,GAAC;IAAA;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,eAC3C3B,OAAA;MAAAsB,QAAA,eACEtB,OAAA;QAAAsB,QAAA,gBACFtB,OAAA,CAACH,SAAS;UAACmB,iBAAiB,EAAEA,iBAAkB;UAACG,MAAM,EAAEA,MAAO;UAACS,IAAI,EAAE,CAAE;UAAAN,QAAA,EACtEnB,UAAU,CAAC0B,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC1B/B,OAAA,CAACF,MAAM;YAELkC,QAAQ,EAAE;cAAEZ,GAAG,EAAEU,IAAI,CAACV,GAAG;cAAEC,GAAG,EAAES,IAAI,CAACT;YAAI,CAAE;YAC3CY,KAAK,EAAEH,IAAI,CAACI,MAAM,CAACC,QAAQ,CAAC;UAAE,GAFzBJ,KAAK;YAAAP,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAGX,CACF;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACO,CAAC,eAEZ3B,OAAA;UAAAsB,QAAA,eACEtB,OAAA;YAAAsB,QAAA,GAAKnB,UAAU,EAAC,GAAC;UAAA;YAAAqB,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAG;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAClB,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEC;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAGH,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV,CAAC;AAACzB,EAAA,CAjDID,MAAM;AAAAmC,EAAA,GAANnC,MAAM;AAmDZ,eAAeA,MAAM;AAAC,IAAAmC,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}