Para Papa (sección no técnica)

El blog bttpirineus.org tiene 425 páginas con mapas de rutas GPX. Estos mapas dejaron de funcionar porque el antiguo plugin de WordPress que los mostraba (Google Maps) se rompió. Ahora, en lugar de ver un mapa, se ve un texto como [map gpx="..."].

Qué hemos hecho para arreglarlo

1. Hemos creado una aplicación web (esta) que sabe dibujar mapas a partir de ficheros GPX. Utiliza mapas topográficos gratuitos (OpenTopoMap), no Google Maps.
2. Hemos creado un plugin de WordPress pequeño que dice: “cuando encuentres [map gpx="..."] en una página, muestra un mapa cargándolo desde la aplicación web”.

Resultado: Una vez se instala el plugin en WordPress, los 425 mapas vuelven a funcionar automáticamente, sin tener que tocar ninguna página manualmente.

Qué muestra cada mapa

• La ruta marcada en rojo sobre un mapa topográfico
• Un gráfico de elevación debajo del mapa (altura vs distancia). Si pasas el ratón por encima del gráfico, verás un punto azul en el mapa indicando dónde estás
• Un gráfico de velocidad (si el fichero GPX tiene datos de tiempo)
• Un contador de visitas y un botón para descargar el GPX o compartirlo por email

Cómo funciona, paso a paso

Visitante abre una página del blog
        ↓
WordPress ve [map gpx="ruta.gpx"]
        ↓
El plugin convierte esto en un marco (iframe) que carga el mapa
        ↓
La aplicación web recibe la URL del fichero GPX
        ↓
Descarga el GPX, lee las coordenadas, y dibuja la ruta sobre el mapa
        ↓
El visitante ve el mapa con la ruta, el perfil de elevación, y los botones

Para añadir un mapa nuevo

Ve a /helper en la aplicación web. Hay un formulario donde puedes pegar la URL del fichero GPX, ver una previsualización del mapa, y copiar el código [map ...] para pegarlo en WordPress.

Recordatorio importante

Después de activar o desactivar el plugin, tienes que vaciar la memoria caché del WordPress si tienes algún plugin de caché (WP Super Cache, etc.).