Afficher un fichier GPX dans WordPress

Un fichier GPX est un fichier issu d’un GPS qui donne le parcours réalisé avec les temps de passage.

Pour intégrer un fichier GPX dans un article, il faut :

  • Un fichier GPX, téléchargé comme tous les fichiers et simplement inséré dans un article.
  • Le plug-in : XML Google Maps Options
  • Paramétrer le plug-in, suivant vos besoins et votre théme.
  • Pour avoir un tableau de résultats lisible remplir les champs suivants (parti « template » de la page de paramétrage du plug-in)  et modifier la feuille de style. Par rapport au modèle par défaut : Cela permet d’avoir un tableau plus haut que large, et place les sous-totaux dans les même colonnes. Au passage, on supprime la mise en forme dans le HTML.

En insérant dans le champ « Checkpoint Table Template: »

<table style= »width: %WIDTH%px; »> <thead> <tr> <td> </td> <td> # </td> <td> Altitude</td> <td> Distance </td> <td> Durée </td> <td> Course </td> <td> Vitesse </td> <td> Vit. Course </td> <td> Vitesse Max </td> <td> Dén. pos. </td> <td>Dén. nég.</td> <td> Cardio </td> </tr> </thead> <tbody> %ROW% </tbody><tfoot> <tr> <th colspan= »3″> <b>Total :</b></th> <td> <b>%DISTANCE%</b> </td> <td> <b>%TIME%</b> </td> <td> <b>%MOVINGTIME%</b> </td> <td> <b>%SPEED%</b> </td> <td> <b>%MOVINGSPEED%</b> </td> <td> <b>%MAXSPEED%</b> </td> <td> <b>%CLIMBUP%</b> </td> <td> <b>%CLIMBDOWN%</b> </td> <td> <b>%HEARTRATE%</b> </td> </tr> </table>

En insérant dans le champ « Checkpoint Table Row Template: »

<tr> <td> <img src= »%MARKERIMAGEURL% » /> </td> <td> %CHECKPOINTNUMBER% </td> <td> %ELEVATION% </td> <td> %PARTDISTANCE% </td> <td> %PARTTIME% </td> <td> %PARTMOVINGTIME% </td> <td> %PARTSPEED% </td> <td> %PARTMOVINGSPEED% </td> <td> %PARTMAXSPEED% </td> <td> %PARTCLIMBUP% </td> <td> %PARTCLIMBDOWN% </td> <td> %PARTHEARTRATE% </td> </tr> <tr> <th colspan= »3″> Sous total : </th> <td> %DISTANCE% </td> <td> %TIME% </td> <td> %MOVINGTIME% </td> <td> %SPEED% </td> <td> %MOVINGSPEED% </td> <td> %MAXSPEED% </td> <td> %CLIMBUP% </td> <td> %CLIMBDOWN% </td> <td> %HEARTRATE% </td> </tr>

La feuille de style :

table.gpx { width: 460px; margin-top: 10px; margin-bottom: 10px; border: 2px solid #d5d5d5; font: 1em Calibri, Verdana, sans-serif; } table.gpx thead td { font-weight: bold; text-align: center; } table.gpx tr.total { font-weight: bold; text-align: center; background-color: #d5d5d5; } table.gpx th { text-align: right; padding: 5px; white-space: nowrap; } table.gpx td { text-align: right; padding: 5px; white-space: nowrap; }

activity_21299414

Comments are closed.