Volver a MeteoVilatorrada

Widgets para tu web

Embeble datos de MeteoVilatorrada en tu web con un simple iframe.

1. Widget "Condiciones actuales"

Muestra la temperatura, humedad, viento y presion actuales. Incluye un indicador de lluvia (si esta lloviendo o no).

Codigo para embeber

<iframe src="https://meteovilatorrada.com/widget-actual.html"
        width="320" height="200"
        style="border:none;border-radius:14px;overflow:hidden;">
</iframe>

2. Widget "Prevision 3 dias"

Muestra la prevision de los proximos 3 dias (temp max/min, icono del tiempo).

Codigo para embeber

<iframe src="https://meteovilatorrada.com/widget-prevision.html"
        width="320" height="180"
        style="border:none;border-radius:14px;overflow:hidden;">
</iframe>

3. Widget "Avisos oficiales"

Muestra los avisos oficiales activos (MeteoAlarm + AEMET) agrupados por tipo.

Codigo para embeber

<iframe src="https://meteovilatorrada.com/widget-avisos.html"
        width="320" height="280"
        style="border:none;border-radius:14px;overflow:hidden;">
</iframe>

Como personalizar el tamano

Puedes cambiar width y height a tu gusto. Los widgets son responsivos y se adaptan al tamano del iframe.

Ejemplo completo

Si quieres poner los 3 widgets juntos en tu web:

<div style="display:flex;gap:12px;flex-wrap:wrap;">
  <iframe src="https://meteovilatorrada.com/widget-actual.html"
          width="300" height="200"
          style="border:none;border-radius:14px;"></iframe>
  <iframe src="https://meteovilatorrada.com/widget-prevision.html"
          width="300" height="170"
          style="border:none;border-radius:14px;"></iframe>
  <iframe src="https://meteovilatorrada.com/widget-avisos.html"
          width="300" height="250"
          style="border:none;border-radius:14px;"></iframe>
</div>

Notas

MeteoVilatorrada · Volver a la web · API publica