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 */} } /> } />