{"id":34336,"date":"2022-01-24T01:10:22","date_gmt":"2022-01-24T00:10:22","guid":{"rendered":"http:\/\/cycloclubremois.com\/?page_id=34336"},"modified":"2026-03-04T17:20:17","modified_gmt":"2026-03-04T16:20:17","slug":"utiliser-fichier-gpx","status":"publish","type":"page","link":"https:\/\/cycloclubremois.com\/index.php\/divers\/liens-utiles\/utiliser-fichier-gpx\/","title":{"rendered":"Utiliser un fichier GPX"},"content":{"rendered":"\n<!-- ================================================\n     PAGE TUTORIEL GPX - HTML COMPLET\n     ================================================ -->\n\n<!-- 1. HERO -->\n<div class=\"hero-tuto-gpx\">\n    <h1>\ud83d\udcf1 Utiliser un fichier GPX<\/h1>\n    <p>Guide complet pour suivre nos parcours sur votre smartphone<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_3f438d-93 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_3f438d-93 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_3f438d-93\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 2. VID\u00c9O TUTORIEL -->\n<div class=\"video-tuto\">\n    <h3>\ud83c\udfac Vid\u00e9o tutoriel GPX Viewer<\/h3>\n    <div class=\"video-wrapper\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/yrRNM7RbcHE\" \n                title=\"Tutoriel GPX Viewer\" \n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                allowfullscreen>\n        <\/iframe>\n    <\/div>\n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_4eeb08-07 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_4eeb08-07 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_4eeb08-07\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 3. INTRO -->\n    \n    <style>\n        #alerte-ccr-1 {\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n            border-left: 5px solid #1976d2;\n            border-radius: 10px;\n            padding: 20px 20px 20px 80px;\n            margin: 25px 0;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            position: relative;\n            min-height: 60px;\n            display: flex;\n            align-items: center;\n        }\n\n        #alerte-ccr-1 .alerte-icon {\n            position: absolute;\n            left: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #42a5f5, #1976d2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n        }\n\n        #alerte-ccr-1 .alerte-content {\n            flex: 1;\n            font-size: 15px;\n            line-height: 1.6;\n            color: #333;\n        }\n\n        #alerte-ccr-1 .alerte-content p {\n            margin: 0 0 10px 0;\n        }\n\n        #alerte-ccr-1 .alerte-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        #alerte-ccr-1 .alerte-content strong {\n            font-weight: 700;\n            color: #1976d2;\n        }\n\n        @media (max-width: 768px) {\n            #alerte-ccr-1 {\n                padding: 70px 15px 15px 15px;\n            }\n\n            #alerte-ccr-1 .alerte-icon {\n                left: 50%;\n                top: 15px;\n                transform: translateX(-50%);\n            }\n        }\n    <\/style>\n\n    <div id=\"alerte-ccr-1\">\n        <div class=\"alerte-icon\">\u2139\ufe0f<\/div>\n        <div class=\"alerte-content\">\n            <p><strong>\ud83d\udccd Comment \u00e7a marche ?<\/strong><\/p>\n<p>Un fichier GPX contient un trac\u00e9 GPS que vous pouvez suivre en temps r\u00e9el sur votre smartphone. Votre t\u00e9l\u00e9phone affichera votre position et vous guidera tout au long du parcours.<\/p>\n        <\/div>\n    <\/div>\n\n    \n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_9d597b-22 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_9d597b-22 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_9d597b-22\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 4. \u00c9TAPES -->\n<div class=\"etapes-tuto\">\n    \n    <!-- \u00c9TAPE 1 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">1<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83d\udce5 T\u00e9l\u00e9charger une application GPS<\/h3>\n            <p class=\"etape-texte\">\n                T\u00e9l\u00e9chargez une application capable de lire des fichiers GPX. Nous recommandons <strong>GPX Viewer<\/strong> : gratuite, simple et rapide !\n            <\/p>\n            <div class=\"etape-liens\">\n                <a href=\"https:\/\/apps.apple.com\/fr\/app\/gpx-viewer\/id1511582047\" class=\"btn-lien-app\" target=\"_blank\">\n                    \ud83c\udf4e T\u00e9l\u00e9charger pour iOS\n                <\/a>\n                <a href=\"https:\/\/play.google.com\/store\/search?q=gpx+viewer+gratuit&c=apps&hl=fr&gl=US\" class=\"btn-lien-app\" target=\"_blank\">\n                    \ud83e\udd16 T\u00e9l\u00e9charger pour Android\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 2 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">2<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83c\udf10 Ouvrir le parcours OpenRunner<\/h3>\n            <p class=\"etape-texte\">\n                Ouvrez le lien du parcours que vous souhaitez suivre. Sur la page OpenRunner, vous verrez une carte avec le trac\u00e9.\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS1-156x300.jpg\" alt=\"OpenRunner\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 3 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">3<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\u2b07\ufe0f Cliquer sur \"T\u00e9l\u00e9charger pour un GPS\"<\/h3>\n            <p class=\"etape-texte\">\n                Le bouton vert se trouve au-dessus de la carte. Si vous ne le voyez pas, faites glisser votre doigt vers le bas depuis le logo OpenRunner.\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS2-162x300.jpg\" alt=\"T\u00e9l\u00e9charger\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 4 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">4<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83d\udcc4 S\u00e9lectionner \"GPX Track\"<\/h3>\n            <p class=\"etape-texte\">\n                Dans la liste qui appara\u00eet, cliquez sur <strong>\"GPX Track\"<\/strong> en bas.\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS3-151x300.jpg\" alt=\"GPX Track\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 5 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">5<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83d\udcc2 Cliquer sur \"Ouvrir\"<\/h3>\n            <p class=\"etape-texte\">\n                Votre t\u00e9l\u00e9phone vous proposera d'ouvrir le fichier. Cliquez sur \"Ouvrir\".\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS4-201x300.jpg\" alt=\"Ouvrir\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 6 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">6<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83d\udcf2 Ouvrir avec GPX Viewer<\/h3>\n            <p class=\"etape-texte\">\n                Choisissez <strong>GPX Viewer<\/strong> (ou l'application GPS que vous avez install\u00e9e) dans la liste des applications.\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS5-1-300x210.jpg\" alt=\"GPX Viewer\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9TAPE 7 -->\n    <div class=\"etape-tuto\">\n        <div class=\"etape-numero-tuto\">7<\/div>\n        <div class=\"etape-contenu\">\n            <h3 class=\"etape-titre-tuto\">\ud83c\udf89 C'est parti !<\/h3>\n            <p class=\"etape-texte\">\n                L'application s'ouvre et affiche le trac\u00e9. Votre t\u00e9l\u00e9phone vous montre votre <strong>position en temps r\u00e9el<\/strong> et vous guide tout au long du parcours !\n            <\/p>\n            <img decoding=\"async\" src=\"http:\/\/cycloclubremois.com\/wp-content\/uploads\/2022\/01\/PHOTOGPS6-155x300.jpg\" alt=\"Navigation\" class=\"etape-image\">\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_b9e58e-ec .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_b9e58e-ec .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_b9e58e-ec\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 5. CONSEILS BATTERIE -->\n<div class=\"conseils-batterie\">\n    <h3>\u00c9conomiser la batterie<\/h3>\n    <p style=\"font-size: 16px; color: #555; margin-bottom: 20px;\">\n        Les applications GPS consomment beaucoup d'\u00e9nergie. Comptez <strong>7 \u00e0 8 heures d'autonomie<\/strong> en appliquant ces conseils :\n    <\/p>\n    <div class=\"conseils-liste\">\n        <ul>\n            <li>Couper le Bluetooth<\/li>\n            <li>D\u00e9sactiver la synchronisation automatique<\/li>\n            <li>Couper les donn\u00e9es mobiles<\/li>\n            <li>Baisser la luminosit\u00e9 de l'\u00e9cran<\/li>\n            <li>Ne laisser que la fonction GPS active<\/li>\n            <li>Utiliser les cartes hors connexion<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_d43a29-63 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_d43a29-63 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_d43a29-63\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 6. ALERTE BATTERIE EXTERNE -->\n    \n    <style>\n        #alerte-ccr-2 {\n            background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);\n            border-left: 5px solid #9c27b0;\n            border-radius: 10px;\n            padding: 20px 20px 20px 80px;\n            margin: 25px 0;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            position: relative;\n            min-height: 60px;\n            display: flex;\n            align-items: center;\n        }\n\n        #alerte-ccr-2 .alerte-icon {\n            position: absolute;\n            left: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #ab47bc, #9c27b0);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n        }\n\n        #alerte-ccr-2 .alerte-content {\n            flex: 1;\n            font-size: 15px;\n            line-height: 1.6;\n            color: #333;\n        }\n\n        #alerte-ccr-2 .alerte-content p {\n            margin: 0 0 10px 0;\n        }\n\n        #alerte-ccr-2 .alerte-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        #alerte-ccr-2 .alerte-content strong {\n            font-weight: 700;\n            color: #9c27b0;\n        }\n\n        @media (max-width: 768px) {\n            #alerte-ccr-2 {\n                padding: 70px 15px 15px 15px;\n            }\n\n            #alerte-ccr-2 .alerte-icon {\n                left: 50%;\n                top: 15px;\n                transform: translateX(-50%);\n            }\n        }\n    <\/style>\n\n    <div id=\"alerte-ccr-2\">\n        <div class=\"alerte-icon\">\ud83d\udca1<\/div>\n        <div class=\"alerte-content\">\n            <p><strong>\ud83d\udca1 Conseil<\/strong><\/p>\n<p>Pour les sorties longues, pensez \u00e0 emporter une batterie externe ! Rechargez compl\u00e8tement votre t\u00e9l\u00e9phone avant de partir.<\/p>\n        <\/div>\n    <\/div>\n\n    \n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_d8b482-99 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_d8b482-99 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_d8b482-99\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- 7. CARTE GOOGLE MAPS HORS LIGNE -->\n    \n    <style>\n        #alerte-ccr-3 {\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n            border-left: 5px solid #1976d2;\n            border-radius: 10px;\n            padding: 20px 20px 20px 80px;\n            margin: 25px 0;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            position: relative;\n            min-height: 60px;\n            display: flex;\n            align-items: center;\n        }\n\n        #alerte-ccr-3 .alerte-icon {\n            position: absolute;\n            left: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #42a5f5, #1976d2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n        }\n\n        #alerte-ccr-3 .alerte-content {\n            flex: 1;\n            font-size: 15px;\n            line-height: 1.6;\n            color: #333;\n        }\n\n        #alerte-ccr-3 .alerte-content p {\n            margin: 0 0 10px 0;\n        }\n\n        #alerte-ccr-3 .alerte-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        #alerte-ccr-3 .alerte-content strong {\n            font-weight: 700;\n            color: #1976d2;\n        }\n\n        @media (max-width: 768px) {\n            #alerte-ccr-3 {\n                padding: 70px 15px 15px 15px;\n            }\n\n            #alerte-ccr-3 .alerte-icon {\n                left: 50%;\n                top: 15px;\n                transform: translateX(-50%);\n            }\n        }\n    <\/style>\n\n    <div id=\"alerte-ccr-3\">\n        <div class=\"alerte-icon\">\u2139\ufe0f<\/div>\n        <div class=\"alerte-content\">\n            <p><strong>\ud83d\uddfa\ufe0f Utiliser Google Maps hors connexion<\/strong><\/p>\n<p>Vous pouvez t\u00e9l\u00e9charger les cartes Google Maps pour les utiliser sans connexion Internet.<br \/>\n<a href=\"https:\/\/support.google.com\/maps\/answer\/6291838?hl=fr&co=GENIE.Platform%3DAndroid\" target=\"_blank\" style=\"color: #1976d2; font-weight: 600;\">Voir la proc\u00e9dure \u2192<\/a><\/p>\n        <\/div>\n    <\/div>\n\n    \n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-34336_e952f1-80 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-34336_e952f1-80 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-34336_e952f1-80\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- Mise \u00e0 jour -->\n<p style=\"text-align: center; font-size: 13px; color: #999; margin: 40px 0;\">\n    <em>Mise \u00e0 jour le 04 mars 2026 - David Richomme<\/em>\n<\/p>\n\n\n\n<p><strong>&nbsp;<br><\/strong><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcf1 Utiliser un fichier GPX Guide complet pour suivre nos parcours sur votre smartphone \ud83c\udfac Vid\u00e9o tutoriel GPX Viewer 1 \ud83d\udce5 T\u00e9l\u00e9charger une application GPS T\u00e9l\u00e9chargez une application capable de lire des fichiers GPX. Nous recommandons GPX Viewer : gratuite, simple et rapide ! \ud83c\udf4e T\u00e9l\u00e9charger pour iOS \ud83e\udd16 T\u00e9l\u00e9charger pour Android 2 \ud83c\udf10 Ouvrir&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24691,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"onecolumn-page.php","meta":{"_acf_changed":false,"inline_featured_image":false,"ngg_post_thumbnail":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"folder":[],"class_list":["post-34336","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/34336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/comments?post=34336"}],"version-history":[{"count":53,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/34336\/revisions"}],"predecessor-version":[{"id":51645,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/34336\/revisions\/51645"}],"up":[{"embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/24691"}],"wp:attachment":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/media?parent=34336"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/folder?post=34336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}