Para Papa (secció no tècnica)

El blog bttpirineus.org té 425 pàgines amb mapes de rutes GPX. Aquests mapes van deixar de funcionar perquè l’antic plugin de WordPress que els mostrava (Google Maps) es va trencar. Ara, en lloc de veure un mapa, es veu un text com [map gpx="..."].

Què hem fet per arreglar-ho

1. Hem creat una aplicació web (aquesta) que sap dibuixar mapes a partir de fitxers GPX. Utilitza mapes topogràfics gratuïts (OpenTopoMap), no Google Maps.
2. Hem creat un plugin de WordPress petit que diu: “quan trobis [map gpx="..."] a una pàgina, mostra un mapa carregant-lo des de l’aplicació web”.

Resultat: Un cop s’instal·la el plugin al WordPress, tots els 425 mapes tornen a funcionar automàticament, sense haver de tocar cap pàgina manualment.

Què mostra cada mapa

• La ruta marcada en vermell sobre un mapa topogràfic
• Un gràfic d’elevació a sota del mapa (alçada vs distància). Si passes el ratolí per sobre del gràfic, veuràs un punt blau al mapa indicant on estàs
• Un gràfic de velocitat (si el fitxer GPX té dades de temps)
• Un comptador de visites i un botó per descarregar el GPX o compartir-lo per email

Com funciona, pas a pas

Visitant obre una pàgina del blog
        ↓
WordPress veu [map gpx="ruta.gpx"]
        ↓
El plugin converteix això en un marc (iframe) que carrega el mapa
        ↓
L'aplicació web rep la URL del fitxer GPX
        ↓
Descarrega el GPX, llegeix les coordenades, i dibuixa la ruta sobre el mapa
        ↓
El visitant veu el mapa amb la ruta, el perfil d'elevació, i els botons

Per afegir un mapa nou

Ves a /helper a l’aplicació web. Hi ha un formulari on pots enganxar la URL del fitxer GPX, veure una previsualització del mapa, i copiar el codi [map ...] per enganxar-lo a WordPress.

Recordatori important

Després d’activar o desactivar el plugin, has de buidar la memòria cau (cache) del WordPress si tens algun plugin de caché (WP Super Cache, etc.).