ES EN

Embed WhatAWeather en tu web

Ocho widgets meteorologicos e hidrologicos listos para insertar en cualquier pagina mediante un iframe. Sin clave de API, sin registro y con datos actualizados en tiempo real. La unica condicion es mantener visible el enlace a WhatAWeather.

1. Tiempo actual

Tarjeta compacta 320x120 px con icono, temperatura, condicion y ciudad.

<iframe src="https://whataweather.com/widgets/tiempo/?city=madrid&theme=light&units=metric" width="320" height="120" frameborder="0" loading="lazy" title="Tiempo actual"></iframe>
Parametros: city, lat+lon, theme=light|dark, units=metric|imperial

2. Prevision 7 dias

Tarjeta 360x220 px con 7 mini-cards horizontales (dia, icono, max/min).

<iframe src="https://whataweather.com/widgets/prevision-7d/?city=barcelona" width="360" height="220" frameborder="0" loading="lazy" title="Prevision 7 dias"></iframe>
Parametros: city, lat+lon, theme, units

3. Radar de lluvia

Mini-mapa Leaflet 400x300 px con capa RainViewer animada.

<iframe src="https://whataweather.com/widgets/radar/?lat=40.4&lon=-3.7&zoom=8" width="400" height="300" frameborder="0" loading="lazy" title="Radar"></iframe>
Parametros: lat, lon, zoom (4-12)

4. Estado del embalse

Tarjeta 320x140 px con porcentaje de capacidad y delta semanal.

<iframe src="https://whataweather.com/widgets/embalse/?id=alcantara" width="320" height="140" frameborder="0" loading="lazy" title="Embalse"></iframe>
Parametros: id (slug del embalse o cuenca, p.ej. alcantara, ebro)

5. Cota de nieve

Tarjeta 320x120 px con cota actual y prevision a 24-48h.

<iframe src="https://whataweather.com/widgets/cota-nieve/?range=pirineos" width="320" height="120" frameborder="0" loading="lazy" title="Cota de nieve"></iframe>
Parametros: range=pirineos|cantabrica|sierra_nevada|central|iberica

6. Riesgo de incendio

Tarjeta 320x120 px con FWI/IRI semaforizado (verde/amarillo/naranja/rojo).

<iframe src="https://whataweather.com/widgets/incendios/?city=sevilla" width="320" height="120" frameborder="0" loading="lazy" title="Riesgo de incendio"></iframe>
Parametros: city

7. Calidad del aire (AQI)

Tarjeta 320x120 px con AQI, PM2.5 y semaforizacion EPA.

<iframe src="https://whataweather.com/widgets/aqi/?city=madrid" width="320" height="120" frameborder="0" loading="lazy" title="Calidad del aire"></iframe>
Parametros: city, lat+lon

8. Alertas AEMET

Barra horizontal (responsive) con alertas activas por comunidad autonoma.

<iframe src="https://whataweather.com/widgets/alertas/?ccaa=valencia" width="100%" height="80" style="max-width:520px" frameborder="0" loading="lazy" title="Alertas AEMET"></iframe>
Parametros: ccaa=valencia|cataluna|madrid|...

Generador interactivo

Configura tu widget y copia el codigo HTML listo para pegar en cualquier pagina, CMS o blog.

<iframe ...></iframe>

Que son los widgets de WhatAWeather y como usarlos

Los widgets de WhatAWeather son micro-componentes web autocontenidos, distribuidos como iframes, que cualquier desarrollador o editor de paginas puede insertar en su sitio sin necesidad de gestionar claves de API, contratar servicios externos o escribir codigo JavaScript adicional. Cada widget esta optimizado para cargar en menos de un segundo, es responsive (se adapta a moviles y tablets) y consume directamente la informacion publica que ya servimos en WhatAWeather: prevision meteorologica de Open-Meteo, datos hidrologicos del MITECO, radar de lluvia de RainViewer, alertas oficiales de AEMET y placeholders para servicios como riesgo de incendio (FWI/IRI) o cota de nieve.

El proceso de integracion es trivial: eliges el widget que quieres en este catalogo, copias el snippet de codigo HTML (que es simplemente un <iframe> con un src apuntando a una URL bajo /widgets/) y lo pegas en tu pagina, plantilla de WordPress, modulo HTML de Webflow, bloque de Notion (via embed) o cualquier otro sistema que acepte iframes. No hay paso de compilacion, no hay dependencias y no hace falta clave porque las URL son publicas y abiertas.

Los parametros se pasan por query string. Por ejemplo /widgets/tiempo/?city=madrid&theme=dark&units=metric muestra el tiempo de Madrid en tema oscuro con unidades metricas. La mayoria de los widgets aceptan city o el par lat/lon indistintamente, el modificador theme=light|dark y, donde aplica, units=metric|imperial. Cada widget incluye al final un pequeno enlace "via WhatAWeather": es la unica condicion legal para usarlos. No esta permitido ocultar o tapar ese enlace mediante CSS, pero si puedes ajustar tu maquetacion alrededor.

Para sitios profesionales, ofrecemos tambien una API JSON publica que devuelve los mismos datos sin presentacion, de manera que puedes construir tu propio diseno encima. Los widgets son la opcion rapida; la API es la opcion potente. Ambos canales son gratuitos y permiten uso comercial. Si te falta algun widget concreto (p.ej. mareas, oleaje, polen) escribe a [email protected] y lo anadimos a la lista.

Requisitos legales y de uso