Meteograma Yr.no con gráficos dinámicos

[kocher]

En la mayoría de las páginas web del foro, he observado que tienen instalado el meteograma de 48 horas desde la página de Yr.no para la localidad deseada.
Aquí podemos ver un ejemplo:

           

Pues bien, podemos tener la misma información realizada con gráficos dinámicos (Highcharts).

La diferencia es que, en el meteograma clásico, al tratarse de una imágen, nos ofrece una información con la que no se puede interactuar.
El "nuevo" meteograma, nos ofrecerá información detallada al pasar el ratón sobre las curvas.
Además, al pinchar en el pié del gráfico, nos lleva de forma automática al pronóstico detallado de nuestra localidad.

Para ello, tan solo es necesario:
- descargar el script en el enlace que dejo mas abajo.
- instalarlo en nuestra web
- Localizar el archivo "forecast_hour_by_hour.xml" para nuestra localidad.
- Llamar a nuestro script de esta manera:

http://mi página web/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Demo:  http://kocher.es/yr/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Aquí pongo varios ejemplos de diversas localizaciones españolas:

- San Sebastian: #http://www.yr.no/place//Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml
- Huesca: #http://www.yr.no/place/Spain/Aragón/Huesca/forecast_hour_by_hour.xml
- Sevilla: #http://www.yr.no/place/Spain/Andalucía/Seville/forecast_hour_by_hour.xml
- Madrid: #http://www.yr.no/place/Spain/Madrid/Madrid/forecast_hour_by_hour.xml
- Salamanca: #http://www.yr.no/place/Spain/Castilla_y_León/Salamanca/forecast_hour_by_hour.xml
- Málaga: #http://www.yr.no/place/Spain/Andalucía/Malaga/forecast_hour_by_hour.xml


Descarga del script: http://kocher.es/cajon/meteogram_yr_no.php.txt (despues hay que renombrarlo como meteogram_yr_no.php)

Para cambiar el pié del gráfico donde pone Fuente: xxxxx, solo es necesario editar la línea número 453

Espero que os sea muy útil

Saludos desde San Sebastian y Feliz año a todos.

Editado el 09/08/2017::

Si comprobáis que el script ha dejado de funcionar, os recomiendo seguir las instrucciones de jmviper publicadas en este mismo hilo, el día 09/08/2017:

   http://forum.meteoclimatic.net/index.php/topic,1048.msg12204.html#msg12204

[jmviper]

Perfecto kocher !! 

Creo que me suena 

[B.Santiago]

Perfecto, sí.
Dejadme añadir que cuando elegimos ver el meteograma detallado (Hour by hour/Detailed) aparece en él  información gráfica sobre "Cloud cover", cobertura nubosa, que siempre es interesante conocer.
Aunque estos días no sean los más adecuados para mostrar un buen ejemplo, pongo enlace a este: http://www.yr.no/place/Spain/Castilla_y_Le%C3%B3n/La_Colilla/hour_by_hour_detailed.html
donde ahora puede apreciarse lo que digo, para  el próximo domingo.
La nubosidad esperable aparece arriba del todo en forma de trazo gris, más o menos estrecho, más o menos oscuro...

-Y dejadme añadir también que, cuando www.yr.no modificó su sitio web hace ya algunos años y solicitó aportaciones a los usuarios, yo mismo hice esta indicación, que me gustaría que añadieran al meteograma  la cobertura nubosa.
 Se ve que debimos ser muchos quienes lo pedimos, porque hicieron caso.

[kocher]

Perfecto, sí.
Dejadme añadir que cuando elegimos ver el meteograma detallado (Hour by hour/Detailed) aparece en él  información gráfica sobre "Cloud cover", cobertura nubosa, que siempre es interesante conocer.
Aunque estos días no sean los más adecuados para mostrar un buen ejemplo, pongo enlace a este: http://www.yr.no/place/Spain/Castilla_y_Le%C3%B3n/La_Colilla/hour_by_hour_detailed.html
donde ahora puede apreciarse lo que digo, para  el próximo domingo.
La nubosidad esperable aparece arriba del todo en forma de trazo gris, más o menos estrecho, más o menos oscuro...

-Y dejadme añadir también que, cuando www.yr.no modificó su sitio web hace ya algunos años y solicitó aportaciones a los usuarios, yo mismo hice esta indicación, que me gustaría que añadieran al meteograma  la cobertura nubosa.
 Se ve que debimos ser muchos quienes lo pedimos, porque hicieron caso.

Muy bueno; desconocía esa historia.   

[MeteOlot]

Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinàmico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto? 

[MeteOlot]

Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinámico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto? 

[MeteOlot]

Debo perder facultades...    no puedo editar mi post anterior ni borrar el segundo... no me aparecen las opciones  es normal?

[jmviper]

Hola MeteOlot

Creo que recientemente se cambiaron los permisos para editar en el foro. A ver si Ubik se pasa y te dice lo que se puede y no se puede hacer.

saludos

[kocher]

Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinàmico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto? 

Si, efectivamente, ha dejado de funcionar como tu dices.
No tengo ni idea de cual es la causa; sospecho que se trata de algún cambio en Yr.no.

[jmviper]

Por lo que he estado probando parece que funciona para unos sitios y para otros no. Por ejemplo en la URL de kocher:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

si cambiamos Spain/Basque_Country/San_Sebastian por Londres que es la ciudad del ejemplo del código del meteograma United_Kingdom/England/London vemos que sí sale:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/United_Kingdom/England/London/forecast_hour_by_hour.xml

Parece ser que como dice kocher hay algún cambio en yr.no con los xml de algunos sitios.

El problema viene del archivo jsonp.php de highcharts que se encarga de transformar a json los xml de yr.no haciendo el cross domain.

Yo hace tiempo que ese archivo jsonp.php lo tengo en mi servidor en vez de usar el de highcharts. Se código se encuentra en:

https://github.com/highcharts/highcharts/blob/master/samples/data/jsonp.php

Se copia el código y se guarda a un archivo llamado jsonp.php y se pone en la carpeta de nuestro servidor donde tengamos el meteograma.

Ahora nos vamos al código javascript del meteograma y casi al final donde está la función para cargar el ajax aparece una línea que pone:

Código: [Seleccionar]

'http://www.highcharts.com/samples/data/jsonp.php?url=' + location.hash.substr(1) + '&callback=?',

y la cambiamos por:

Código: [Seleccionar]

'jsonp.php?url=' + location.hash.substr(1) + '&callback=?',

Con eso ya lo apuntamos a nuestro jsonp.php el cual podremos modificar ya a nuestro gusto. El problema que he visto es que hay un error en el GET filename.

Para que no nos dé error buscamos en nuestro archivo jsonp.php la línea casi al principio donde pone:

Código: [Seleccionar]

$filename = $_GET['filename'];
y la cambiamos por:

Código: [Seleccionar]

$filename = !empty($_GET['filename']) ? $_GET['filename'] : '';
Con eso ya el error desaparece y se carga el meteograma.

Si queréis probar y si no habrá que esperar a que modifiquen el código.

Saludos

[kocher]

¡¡¡  Uffffffffff !!!!!!

jmviper, me has dejado atónito.

Cuando, gracias a MeteOlot, he visto que no funcionaba el meteograma, he tenido el siguiente razonamiento:

1) ¿El archivo "forecast_hour_by_hour.xml" funciona bien?:

- Sí; pues, entonces, debe fallar mi script "meteograma_yr_no.php"

2) ¿Es un fallo general?:

- Tampoco le funciona a Meteolot. Por lo tanto, sí, debe ser un fallo general 

Pero, lo que mas me ha impactado, es la identificación  del verdadero culpable de este fallo: "jsonp.php" de Highcharts.

Finalmente, la corrección que has ideado para ese archivo, creo que es de chapeau.



Ahora, el script, funciona perfectamente:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Gratamente impresionado

Muchísimas gracias

[MeteOlot]

Genial...

He seguido el procedimiento que ha expuesto jmviper y el Meteograma ya me aparece.

http://meteolot.com/meteograma_yr_no/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

    

[kocher]

Saludos MeteOlot

Enhorabuena por haber avisado del fallo.

Por otra parte, con mi navegador (Chrome), veo signos raros en tu meteograma.

Creo que se puede remediar si, con tu editor de texto (yo utilizo PsPad), debes ir a:

Menu >> Formato >> activar la casilla UTF-8

Grabas el fichero y lo subes a tu web; los signos raros deben desaparecer.

Saludos desde San Sebastian

[MeteOlot]

He probado con Chrome, Firefox y Edge, y en lugar del símbolo de º efectivamente se observa un error... todo lo demás está correcto. El caso es que mediante el Notepad++acabo de cambiar la codificación a UTF-8 pero sigue igual.

Bueno, ya investigará a ver...

Gracias!

 

[kocher]

Puedes intentar otra cosa: sustituir cada signo º por esto: °