Las últimas noticias internacionales en un mapa con Leaflet

Hoy he preparado una visualización de las últimas noticias internacionales en un mapa con Leaflet y con la ayuda de POIProxy.

En el mapa muestro las últimas noticias de algunos medios de comunicación internacionales como CNN, BBC, FOX y agencias de noticias como Reuters, aunque la gracia de utilizar POIProxy es que podría cargar cualquier origen de noticias que estuviera en RSS o preferiblemente en formato geoRSS.

¿Qué librerías Javascript he utilizado para el mapa?

• Leaflet
• El plugin MarkerCluster de Leaflet
• Para el combo y hacer peticiones AJAX he utilizado jQuery

¿Cómo geocodificar las últimas noticias internacionales?

Para geocodificar las noticias he utilizado un pequeño truco. La mayoría de medios de comunicación tienen RSS que actualizan cada pocas horas con las últimas noticias.

Lo que he hecho ha sido encontrar varios de esos RSS (no me he matado, podía haber buscado muchos más):

• CNN
• Reuters
• FOX
• …

Ahora bien, son RSS no son geoRSS, es decir no contienen coordenadas. ¿Cómo convertir un RSS en un geoRSS?

Pues si el RSS contiene algún topónimo en el contenido, podemos utilizar un servicio de Geonames que hace justamente eso, convertir un RSS en un geoRSS geocodificando alguno de los topónimos en el nombre de la noticia.

Con esto ya tenemos los geoRSS y configurándolos en POIProxy, ya los podemos consumir a través de una API, recibirlos en formato geoJSON y poner las últimas noticias internacionales en un mapa con Leaflet.

Fácil 🙂

Aún así, hay muchas noticias que no tienen un topónimo y por tanto no se pueden geocodificar, es por eso que en el mapa hay muchas de ellas en null island (el punto 0,0).

Enséñame el código

Esta vez el código completo son 87 líneas y está disponible en este repositorio de Github. Una vez más, utilizando la rama gh-pages de Github he publicado el mapa como una aplicación web disponible desde aquí.

Haz clic en la imagen para ver el mapa en pantalla completa: