Update index.html

index.html

@@ -111,8 +111,21 @@
                     fillColor: categoryColors[location.category],
                     fillOpacity: 0.8,
                     radius: 8
-                }).bindPopup(`<b>${location.name}</b><br>Categoría: ${location.category}`);
+                }).bindPopup(`
+                    <b>${location.name}</b><br>
+                    Categoría: ${location.category}<br>
+                    Conexiones remotas: ${location.connections}<br>
+                    Tiempo medio de soporte: ${location.avgSupportTime} hrs
+                `); // Popup con detalles adicionales
                 
+                marker.on('mouseover', function() {
+                    marker.openPopup(); // Mostrar el popup cuando se pasa el mouse
+                });
+
+                marker.on('mouseout', function() {
+                    marker.closePopup(); // Cerrar el popup cuando se deja de pasar el mouse
+                });
+
                 marker.addTo(map);
                 markers.push(marker);
             });
@@ -204,3 +217,4 @@
 
 </body>
 </html>
+