{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/projet dashboard/dashboard1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useEffect,useState}from\"react\";import{MapContainer,TileLayer,Marker,Popup}from'react-leaflet';import{jsxs as _jsxs}from\"react/jsx-runtime\";import{jsx as _jsx}from\"react/jsx-runtime\";var Chart4=function Chart4(){var _useState=useState(null),_useState2=_slicedToArray(_useState,2),donneesMap=_useState2[0],setDonneesMap=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),donneesMapData=_useState4[0],setDonneesMapData=_useState4[1];useEffect(function(){fetch(\"./../data.json\").then(function(response){return response.json();}).then(function(data){console.log(data.carte);setDonneesMap(data.carte);setDonneesMapData(data.carte.data);}).catch(function(e){console.error(\"Erreur lors de la récupération des données JSON:\",e);});},[]);var mapContainerStyle={width:\"30px\",height:\"30px\"};var center={lat:0,lng:0};var zoomLevel=0;return/*#__PURE__*/_jsxs(\"div\",{children:[donneesMap&&/*#__PURE__*/_jsxs(\"h3\",{children:[donneesMap.title,\" \"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"row\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"graphMiddle\",children:/*#__PURE__*/_jsxs(MapContainer,{style:mapContainerStyle,center:center,zoom:zoomLevel,className:\"d-flex align-items-center\",maxBounds:[[-90,-180],[90,180]],maxBoundsViscosity:1.0,children:[/*#__PURE__*/_jsx(TileLayer,{attribution:\"\\xA9 <a href=\\\"https://www.openstreetmap.org/copyright\\\">OpenStreetMap</a> contributors\",url:\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"}),donneesMapData&&donneesMapData.map(function(item,index){return/*#__PURE__*/_jsx(Marker,{position:{lat:item.lat,lng:item.lng},label:item.visits,children:/*#__PURE__*/_jsx(Popup,{})},index);})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"graphMiddle\",children:donneesMapData&&donneesMapData.map(function(item,index){return/*#__PURE__*/_jsx(\"p\",{children:\" \".concat(item.location.toString(),\", Nombres de visites \").concat(item.visits.toString())},index);})})]})]});};export default Chart4;","map":{"version":3,"names":["React","useEffect","useState","MapContainer","TileLayer","Marker","Popup","jsxs","_jsxs","jsx","_jsx","Chart4","_useState","_useState2","_slicedToArray","donneesMap","setDonneesMap","_useState3","_useState4","donneesMapData","setDonneesMapData","fetch","then","response","json","data","console","log","carte","catch","e","error","mapContainerStyle","width","height","center","lat","lng","zoomLevel","children","title","className","style","zoom","maxBounds","maxBoundsViscosity","attribution","url","map","item","index","position","label","visits","concat","location","toString"],"sources":["C:/Users/user/Desktop/projet dashboard/dashboard1/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: \"30px\",\r\n    height: \"30px\",\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    <div>\r\n      {donneesMap && <h3>{donneesMap.title} </h3>}\r\n      <div className=\"row\">\r\n        <div className=\"graphMiddle\">\r\n        \r\n            <MapContainer\r\n              style={mapContainerStyle}\r\n              center={center}\r\n              zoom={zoomLevel}\r\n              className=\"d-flex align-items-center\"\r\n              maxBounds={[\r\n                [-90, -180],\r\n                [90, 180],\r\n              ]}\r\n              maxBoundsViscosity={1.0}\r\n            >\r\n              <TileLayer\r\n                attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\r\n                url=\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\r\n              />\r\n\r\n              {donneesMapData && donneesMapData.map((item, index) => (\r\n                <Marker\r\n                  key={index}\r\n                  position={{ lat: item.lat, lng: item.lng }}\r\n                  label={item.visits}\r\n                >\r\n                  <Popup>\r\n              \r\n                  </Popup>\r\n                </Marker>\r\n              ))}\r\n            </MapContainer>\r\n        \r\n        </div>\r\n\r\n        <div className=\"graphMiddle\">\r\n          {donneesMapData &&\r\n            donneesMapData.map((item, index) => (\r\n              <p\r\n                key={index}\r\n              >{` ${item.location.toString()}, Nombres de visites ${item.visits.toString()}`}</p>\r\n            ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Chart4;"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}