carga de datos de las incidencias en el mapa de calor

DevMasters2-0 · Sep 3, 2024 · 9d95cea · 9d95cea
1 parent 67cee42
commit 9d95cea
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 27 deletions.
diff --git a/admin/src/components/Map/Heatmap.jsx b/admin/src/components/Map/Heatmap.jsx
@@ -7,31 +7,6 @@ import './mapcomponent.css';
 import calcularNivelRiesgo from '../../utils/calcularNivelRiesgo';
 
 export const heatmapData = [
-  // Generamos una gran cantidad de puntos en un rango alrededor de José C. Paz
-  { latitud: -34.5500, longitud: -58.7400,nivelDeRiesgo: "alto" },
-  { latitud: -34.5505, longitud: -58.7405,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5510, longitud: -58.7410,nivelDeRiesgo: "alto" },
-  { latitud: -34.5515, longitud: -58.7415,nivelDeRiesgo: "alto" },
-  { latitud: -34.5520, longitud: -58.7420,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5525, longitud: -58.7425,nivelDeRiesgo: "alto" },
-  { latitud: -34.5530, longitud: -58.7430,nivelDeRiesgo: "alto" },
-  { latitud: -34.5535, longitud: -58.7435,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5540, longitud: -58.7440,nivelDeRiesgo: "alto" },
-  { latitud: -34.5545, longitud: -58.7445,nivelDeRiesgo: "alto" },
-  { latitud: -34.5550, longitud: -58.7450,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5555, longitud: -58.7455,nivelDeRiesgo: "alto" },
-  { latitud: -34.5560, longitud: -58.7460,nivelDeRiesgo: "moderado" },
-  { latitud: -34.5565, longitud: -58.7465,nivelDeRiesgo: "alto" },
-  { latitud: -34.5570, longitud: -58.7470,nivelDeRiesgo: "alto" },
-  { latitud: -34.5575, longitud: -58.7475,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5580, longitud: -58.7480,nivelDeRiesgo: "alto" },
-  { latitud: -34.5585, longitud: -58.7485,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5590, longitud: -58.7490,nivelDeRiesgo: "alto" },
-  { latitud: -34.5595, longitud: -58.7495,nivelDeRiesgo: "bajo" },
-  { latitud: -34.5600, longitud: -58.7500,nivelDeRiesgo: "alto" },
-  { latitud: -34.5605, longitud: -58.7505,nivelDeRiesgo: "moderado" },
-  { latitud: -34.5610, longitud: -58.7510,nivelDeRiesgo: "alto" },
-  { latitud: -34.5615, longitud: -58.7515,nivelDeRiesgo: "alto" },
 ];
 
 

diff --git a/admin/src/components/MapaPage.jsx b/admin/src/components/MapaPage.jsx
@@ -0,0 +1,26 @@
+import axios from 'axios';
+import React, { useEffect, useState } from 'react';
+import Heatmap from './Map/Heatmap';
+
+const MapaPage = () => {
+  const [incidencias, setIncidencias] = useState([]);
+
+  useEffect(() => {
+    const fetchHeatmapData = async () => {
+        try {
+            const response = await axios.get(`http://${import.meta.env.VITE_IP}/incidencias`);
+            setIncidencias(response.data.Incidencias);
+        } catch (error) {
+            console.error('Error fetching incidencias:', error);
+        }
+    };
+
+    fetchHeatmapData();
+  }, []);
+
+  return (
+      <Heatmap data={incidencias} />
+  );
+};
+
+export default MapaPage;
diff --git a/admin/src/routes/index.jsx b/admin/src/routes/index.jsx
@@ -1,6 +1,7 @@
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
-import { Heatmap, IncidenciaDetalle, Incidencias } from "../components";
+import { IncidenciaDetalle, Incidencias } from "../components";
 import Dashboard from "../components/Dashboard";
+import MapaPage from "../components/MapaPage";
 import { NotFound } from "../ui";
 
 const Router = () => {
@@ -10,7 +11,7 @@ const Router = () => {
         <Route path="/" element={<Navigate to="/admin" replace />} />
 
         <Route path="/admin" element={<Dashboard />}>
-          <Route index element={<Heatmap />} /> {/* Default route within /admin */}
+          <Route index element={<MapaPage />} /> {/* Default route within /admin */}
           <Route path="incidencias" element={<Incidencias />} />
           <Route path="incidencias/:id" element={<IncidenciaDetalle />} />
         </Route>