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; }