En mi primera incursión a los Gadgets de Google, se me ocurrió realizar uno que mostrara en tiempo diario real y la situación de las lluvias en cualquier ciudad de España (Madrid, Barcelona, Valencia, Sevilla,... y por supuesto en su localidad por pequeña que sea).
Para ello me basé en las imágenes que
AEMET distribuye en su página, y que actualiza cada 10 minutos.
El gadget tiene un selector de radares por zonas geográficas y muestra la última imagen capturada para esa zona.
Una vez seleccionada, si no se cambia la selección, cada 10 minutos se refresca la imagen para seguir mostrando la última disponible.
Mediante los signos < y > que hay al lado del selector de regiones, se puede desplazar a imágenes anteriores o volver a las últimas, creando sensación de animación (dependiendo de la velocidad de la línea).
Hay que hacer notar, que en algunos momentos, algunos radares no están disponibles. En estos casos, evidentemente no se puede mostrar la imagen. No se trata de un error del gadget. En cuanto AEMET difunde nuevas imágenes, automáticamente el gadget las recupera.
Debajo de la imagen muestro la última hora de refresco.
Otras funcionalidades muestran las temperaturas máximas y mínimas, sus variaciones, la previsión del tiempo, el mapa de isóbaras y la última imagen del satétile Meteosat. También he puesto el vídeo de El Tiempo de TVE.
El Gadget queda así.
Para ponerlo en tu página copia este código y pégalo en la mima.
<iframe scrolling="no" frameborder="0" width="250" height="300" src="https://pfont.eu/gadgets/radar.html">No Iframe</iframe>
Si te ha gustado, deja un comentario para otros posibles lectores. Gracias.
A sugerencia de un nuevo usuario, he realizado una versión con Cataluña por defecto.
Por supuesto, también os dejo el código:
<div align="center">
<iframe frameborder="0" height="300" scrolling="no" src="https://pfont.eu/gadgets/radarhc.html" width="250">No Iframe</iframe></div>
Si no sabes como se pone te lo explico en este
enlace.
Similar al anterior, pero con el mapa de la península entera como inicio sería el código siguiente:
<div align="center">
<iframe frameborder="0" height="300" scrolling="no" src="https://pfont.eu/gadgets/radarh.html" width="250">No Iframe</iframe></div>
También puedo personalizártelo para tu comunidad o con el anuncio en otra posición.
Igual te puede interesar el de las imágenes de la principales carreteras españolas que puedes ves en
otra de mis entradas.
Recuerde que con "Ctrl +" y "Ctrl -" puede aumentar o disminuir el tamaño de las imágenes. Se lo recuerdo por si el tamaño de las mismas le supone un obstáculo.