diff --git a/admin/src/components/Map/Heatmap.jsx b/admin/src/components/Map/Heatmap.jsx
index f103ace..3d17e27 100644
--- 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
new file mode 100644
index 0000000..d1f4d75
--- /dev/null
+++ 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 (
+
+ );
+};
+
+export default MapaPage;
diff --git a/admin/src/routes/index.jsx b/admin/src/routes/index.jsx
index 87709f8..c527158 100644
--- 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 = () => {
} />
}>
- } /> {/* Default route within /admin */}
+ } /> {/* Default route within /admin */}
} />
} />