AireMadrid
Una lectura visual de la calidad del aire hora a hora, con estaciones oficiales y una superficie estimada entre ellas.
01 — Qué es
Ver cómo cambia el aire
AireMadrid muestra las mediciones disponibles de NO₂, PM2.5, PM10, O₃ y SO₂. Puedes cambiar de contaminante, recorrer las horas disponibles y acercarte a las estaciones para comparar el valor real con la superficie interpolada.
- Mapa continuo con una sola capa de color, sin sumar capas entre sí.
- Puntos de estación con el valor medido y su unidad.
- Selector de contaminante y línea temporal para explorar las horas cargadas.
- Las zonas sin cobertura suficiente quedan sin colorear.
Interpretación informativa: la superficie entre estaciones es una estimación IDW, no una medición en cada punto del mapa.
02 — Los datos
Fuentes oficiales
03 — Cómo se usa
Explorar el mapa
- Elige NO₂, PM2.5, PM10, O₃ o SO₂ en el selector.
- Mueve el control temporal o usa las flechas para cambiar de hora.
- Pulsa un punto para ver el valor medido en esa estación.
- Acerca el mapa para leer mejor las diferencias locales; la superficie se recalcula para la zona visible.
04 — Incrustar
El mapa en tu web
El widget es un iframe independiente. Se adapta al ancho disponible, mantiene visible la atribución de AireMadrid y permite fijar contaminante, centro inicial, tema y leyenda desde la URL.
Así se ve incrustado
<iframe src="https://elabeto.com/AireMadrid/embed.html?contaminante=NO2"
width="100%" height="620" loading="lazy"
style="border:0" title="Calidad del aire en Madrid"></iframe>| Parámetro | Qué hace y ejemplo |
|---|---|
contaminante | NO2, PM25, PM10, O3 o SO2. |
tema | oscuro activa el panel oscuro; por defecto es claro. |
leyenda | 0 oculta la leyenda de colores. |
lat · lng · zoom | Fijan el centro y el zoom inicial. Ejemplo: lat=40.43&lng=-3.70&zoom=9. |
altura | La altura la define el iframe; se recomiendan 420–620 px. |
El iframe carga la clave de Google Maps desde la API del proyecto; no hay que copiar ninguna clave al código de tu web.