AguaLimpia
Todas las zonas de aguas de baño de España sobre el mapa, con su clasificación sanitaria oficial y el desglose de la vista actual.
01 — Qué es
Qué es y para qué sirve
AguaLimpia responde a «¿está limpia la playa o el río donde voy a bañarme?». Coloca sobre el mapa las zonas de aguas de baño de España y las colorea según su clasificación sanitaria: excelente, buena, suficiente o insuficiente, más las que están sin dato.
El panel lateral calcula los contadores de la vista actual del mapa: cuántas zonas hay en pantalla y cómo se reparten por categoría. Mueves el mapa y los números se recalculan. Tiene además una página «Clasificación» que explica qué significa cada categoría y sus umbrales.
- Leyenda con las cinco categorías y el número de zonas de cada una en la vista actual.
- Rejilla de calidad del agua con el desglose de la vista.
- Fichas y clasificación explicadas en la página «Clasificación» (
info.html).
02 — Los datos
De dónde salen los datos
info.html.| Clasificación | Zonas |
|---|---|
| Excelente | 1.645 |
| Buena | 169 |
| Suficiente | 32 |
| Insuficiente | 36 |
| Total con dato | 1.882 |
| Total de zonas | 2.011 |
03 — Uso
Cómo se usa
- Abre /AguaLimpia/: verás el mapa de España con las zonas de baño coloreadas.
- Lee la leyenda superior: cada categoría indica cuántas zonas hay de ese tipo en la vista.
- Mueve o amplía el mapa hasta tu zona; el panel lateral recalcula al vuelo el total de zonas y su reparto por categoría.
- Pincha una zona para ver su ficha con la clasificación.
- Si quieres entender los criterios, abre «Clasificación» (
/AguaLimpia/info.html) y consulta los umbrales y las fuentes.
04 — Incrustar
Incrustarlo en tu web
El widget enseña el mapa de las zonas de baño con los colores de la clasificación sanitaria, sin cabecera ni menús, para meterlo en un <iframe> de otra web. El tamaño lo manda el iframe que lo incrusta, y no necesita registro, clave ni permiso: se copia la etiqueta y ya está.
Así se ve incrustado
Este es el widget de verdad, cargado desde otra dirección (el municipio de Sanxenxo, en Pontevedra):
Ejemplo listo para copiar (cambia el municipio por el tuyo):
<iframe src="https://elabeto.com/AguaLimpia/embed.html?municipio=Sanxenxo"
width="100%" height="420" style="border:0" loading="lazy"
title="Calidad del agua de baño"></iframe>Qué hace cada parámetro
Todos son opcionales. Se añaden al final de la dirección, después de ?, y si se encadenan varios van separados con &.
| Parámetro | Qué hace y ejemplo |
|---|---|
municipio | Su municipio, y solo su municipio. Encuadra el mapa en esa localidad. Ej.: ?municipio=Sanxenxo |
provincia | Una provincia entera. Sirve también sin acentos. Ej.: ?provincia=Cadiz |
tipo | Solo playas o solo ríos. maritima deja las de mar; continental, los ríos y lagos. Ej.: ?tipo=continental |
tema | Claro u oscuro. Por defecto claro; oscuro pone fondo y mapa oscuros. Ej.: ?tema=oscuro |
acento | El color de marca de quien lo incrusta. En hexadecimal, con o sin almohadilla; lo aplica a la firma y a los enlaces. Ej.: ?acento=b45309 |
leyenda | Oculta la leyenda de colores. Con 0 desaparece; por defecto se ve. Ej.: ?leyenda=0 |
marca | Oculta la firma. Con 0 quita la chapa «AguaLimpia» del pie. Ej.: ?marca=0 |
zoom | Cuánto acerca. Vista inicial cuando no se pide municipio ni provincia. Ej.: ?zoom=10 |
lat / lng | Dónde se abre. Centro del mapa cuando no se pide municipio ni provincia. Ej.: ?lat=36.72&lng=-4.42 |
limite | Cuántas zonas pinta. 200 por defecto, hasta 1000. Ej.: ?limite=500 |
pub | Oculta la franja de publicidad del pie («PUBLICIDAD · Espacio disponible»), que se ve por defecto. Con 0 desaparece. Ej.: ?pub=0 |
Se pueden combinar: ?municipio=Noja&tema=oscuro&acento=b45309 encuadra Noja con fondo oscuro y el acento en naranja.
Tres consejos
- Pon tu municipio para que salga solo tu zona. Con
?municipio=Sanxenxoel mapa se encuadra en el municipio y enseña únicamente sus playas o ríos, cada uno con su color de clasificación. - Con
acento, el mapa se adapta al color de tu web. Se le pasa el color de marca en hexadecimal y lo aplica a la firma y a los enlaces, así el widget no desentona con el resto de la página. - El ancho lo mandas tú. Con
width="100%"ocupa todo el ancho disponible y se adapta al móvil; también admite un ancho fijo (por ejemplowidth="600") para una columna lateral.
Comprobado en vivo el 20-sep-2026: /AguaLimpia/embed.html responde 200, sin X-Frame-Options ni CSP frame-ancestors (nada impide incrustarlo), y se ve bien a ancho completo y a 390 px.
05 — La app
Abrir AguaLimpia
Mapa interactivo de las zonas de baño con su clasificación oficial.