Suscríbete por RSS
Suscríbete por e-mail
Síguenos en twitterEn opendata.euskadi.net se publican datos con la predicción del tiempo en formato reutilizable; estos datos se describieron con detalle en el post anterior; en el presente artículo se describe un ejemplo que hace uso de estos datos: el widget de predicción del tiempo que permite incluir en cualquier web un componente que muestra el tiempo actual en las tres capitales vascas:
Este widget es, en concreto, creación de Igor Ormaetxebarria Txurdi, desarrollador de SocSoft. Utilizarlo en cualquier página web es extremadamente sencillo; basta con incluir el script:
<div id=‘r01widgetMeteo’>
<script src=‘http://opendata.euskadi.net/AVComun/r01widget_meteo/r01euskalmet.js’
type=‘text/javascript’ >
{
“idioma” : “es“,
“localidad” : “2″,
“hoy” : “true”,
“manana” : “true”,
“pasado” : “true”,
“temperatura” : “true”,
“temperaturaMAXMIN” : “true”,
“tam_icono” : “40″,
“tam_texto_desc” : “25″,
“color_fondo” : “#E2E2E2″,
“color_letra” : “#1f752c”,
“alto” : “200″,
“ancho” : “270″,
“borde” : “1px solid #fff“,
“mi_CSS” : “false”
}
</script>
</div>
En opendata.euskadi.net existe una página que permite configurar el widget y obtener el código personalizado para incluir en cualquier web. El script del widget, simplemente:
1. Se descarga el código JavaScript con el widget
2. Se inicializan valores que permiten personalizar la presentación del widget:
| idioma | Idioma en el que se presenta el widget. Los valores posibles son:
|
| localidad | Localidad de la que se quieren mostrar los datos:
2: Bilbao 19: Vitoria-Gasteiz 18: Donostia-San Sebastian |
| hoy / manana / pasado | Indica si se ha de mostrar la predicción para hoy / mañana / pasado |
| temperaturaMAXMIN | Mostrar o no la previsión de temperatura máxima / mínima |
| tam_icono | Tamaño del icono (sol, nubes, tormenta, etc) |
| color_fondo / color_letra | color del fondo del widget o de la letra |
| alto / ancho / borde | Formato de la “caja” que contiene el widget |
| mi_css | Normalmente este valor es “false” ya que habitualmente no es necesario cambiar valores de presentación al margen de los dos parámetros anteriores (color_fondo / color_letra)
Si este valor es “true”, se puede indicar una hoja de estilos particular que “personaliza” la presentación del widget. Esta hoja de estilos debe definir los siguientes elementos: div#meteoWidget div#mw_localidad #mw_hoy, #mw_manana, #mw_pasado .mw_fecha .mw_temp_max_min, .mw_temp_act .mw_ico .mw_descripcion Se puede analizar el código del widget para ver qué valores por defecto tienen estos selectores CSS |
Internamente el widget “simplemente”:
- Se conecta a opendata.euskadi.net y se descarga el XML con la predicción (ver post anterior)
- Parsea el XML y “pinta” el WIDGET
Si por ejemplo, únicamente se desea cambiar el fondo del widget basta con establecer el parámetro “color_fondo” al valor deseado, por ejemplo:
<div id=‘r01widgetMeteo’>
<script src=‘http://opendata.euskadi.net/AVComun/r01widget_meteo/r01euskalmet.js’
type=‘text/javascript’ >
{
“color_fondo” : “red”,
}
</script>
</div>
Muchas gracias pues, a Igor Ormaetxebarria y SocSoft.
Pingback: el blog de txurdi » Opendata – Datos disponibles de forma libre