https://move.cyber-neurones.org/tags/joseph/ Recent content in Joseph on Blog GoHugo de Fredô : Linux, Proxmox, IA, Trail, Course, Randonnée, Gravel, Ski de Randonnée Hugo fr Thu, 12 May 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/05/2016-05-12-colorado-provencal-a-rustrel-vaucluse-luberon-circuit-bleu-par-joseph/ Thu, 12 May 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/05/2016-05-12-colorado-provencal-a-rustrel-vaucluse-luberon-circuit-bleu-par-joseph/ <p>Carte souvenir :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/05/cyber-neurones_capture-d%E2%80%99ecran-2016-05-12-a-17.30.09.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-05-12-a-17.30.09.png" alt="Capture d’écran 2016-05-12 à 17.30.09"></a></p> <p>Parcours interactif :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Rustrel-bleu.gpx"></li> <li class="distance-Rustrel-bleu.gpx"></li> <li class="duration-Rustrel-bleu.gpx"></li> <li class="elevation-Rustrel-bleu.gpx"></li> <li><a href="Rustrel-bleu.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Rustrel-bleu.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> <p>En bref :</p> https://move.cyber-neurones.org/post/2016/05/2016-05-12-la-sainte-victoire-par-le-gr9-sentier-des-venturiers-par-joseph/ Thu, 12 May 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/05/2016-05-12-la-sainte-victoire-par-le-gr9-sentier-des-venturiers-par-joseph/ <p>Photo souvenir :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/05/cyber-neurones_capture-d%E2%80%99ecran-2016-05-12-a-17.13.51.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-05-12-a-17.13.51.png" alt="Capture d’écran 2016-05-12 à 17.13.51"></a></p> <p>Parcours interactif :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Sainte-Victoire.gpx"></li> <li class="distance-Sainte-Victoire.gpx"></li> <li class="duration-Sainte-Victoire.gpx"></li> <li class="elevation-Sainte-Victoire.gpx"></li> <li><a href="Sainte-Victoire.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Sainte-Victoire.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> <p>En bref :</p> https://move.cyber-neurones.org/post/2016/05/2016-05-06-sentier-des-ocres-a-roussillon-vaucluse-luberon-par-joseph/ Fri, 06 May 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/05/2016-05-06-sentier-des-ocres-a-roussillon-vaucluse-luberon-par-joseph/ <p>Le montage :</p> <p> </p> <p>Le parcours :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Roussillon.gpx"></li> <li class="distance-Roussillon.gpx"></li> <li class="duration-Roussillon.gpx"></li> <li class="elevation-Roussillon.gpx"></li> <li><a href="Roussillon.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Roussillon.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> https://move.cyber-neurones.org/post/2016/04/2016-04-07-saintes-maries-de-la-mer-a-salin-de-giraud-par-la-digue-a-velo-par-joseph/ Thu, 07 Apr 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/04/2016-04-07-saintes-maries-de-la-mer-a-salin-de-giraud-par-la-digue-a-velo-par-joseph/ <p> </p> <p>Ma carte souvenir :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/04/cyber-neurones_capture-d%E2%80%99ecran-2016-04-12-a-10.00.15.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-04-12-a-10.00.15-1024x581.png" alt="Capture d’écran 2016-04-12 à 10.00.15"></a></p> <p>Ma carte interactive :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Camargue-Digue.gpx"></li> <li class="distance-Camargue-Digue.gpx"></li> <li class="duration-Camargue-Digue.gpx"></li> <li class="elevation-Camargue-Digue.gpx"></li> <li><a href="Camargue-Digue.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Camargue-Digue.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> https://move.cyber-neurones.org/post/2016/04/2016-04-06-boucle-a-velo-de-letang-de-vaccares-au-depart-de-saintes-maries-de-la-mer-par-joseph/ Wed, 06 Apr 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/04/2016-04-06-boucle-a-velo-de-letang-de-vaccares-au-depart-de-saintes-maries-de-la-mer-par-joseph/ <p>Un paysage très joli et très sauvage: voilà le secret de la beauté de cette boucle. Accompagné tout le long du trajet par des flamants rose le parcours est plat est plutôt facile, c&rsquo;est plus de l&rsquo;endurance qu&rsquo;autre chose, même si l&rsquo;on sent ses jambes le lendemain. A faire mais quant on a la temps car c&rsquo;est assez long et il ne faut jamais perdre courage.</p> <p>Ma carte souvenir :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/04/cyber-neurones_capture-d%E2%80%99ecran-2016-04-12-a-09.48.27.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-04-12-a-09.48.27.png" alt="Capture d’écran 2016-04-12 à 09.48.27"></a></p> https://move.cyber-neurones.org/post/2016/04/2016-04-05-grande-boucle-a-la-valmasque-par-joseph/ Tue, 05 Apr 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/04/2016-04-05-grande-boucle-a-la-valmasque-par-joseph/ <p>Voici le parcours en image :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/04/cyber-neurones_capture-d%E2%80%99ecran-2016-04-05-a-21.33.42.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-04-05-a-21.33.42.png" alt="Capture d’écran 2016-04-05 à 21.33.42"></a></p> <p>Première partie :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Valmasque-1.gpx"></li> <li class="distance-Valmasque-1.gpx"></li> <li class="duration-Valmasque-1.gpx"></li> <li class="elevation-Valmasque-1.gpx"></li> <li><a href="Valmasque-1.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Valmasque-1.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> <p>Deuxième partie :</p> https://move.cyber-neurones.org/post/2016/04/2016-04-04-randonnee-vtt-a-la-valmasque-boucle-bleue-par-jojo/ Mon, 04 Apr 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/04/2016-04-04-randonnee-vtt-a-la-valmasque-boucle-bleue-par-jojo/ <p>Pour allonger la boucle bleue du <strong>Parc de la Valmasque</strong>, nous avons fait le tour de l&rsquo;étang de <strong>Fontmerle</strong>.</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/04/cyber-neurones_capture-d%E2%80%99ecran-2016-04-04-a-21.48.49.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-04-04-a-21.48.49.png" alt="Capture d’écran 2016-04-04 à 21.48.49"></a></p> <p>Le parcours interactif :</p> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Vaugrenier-Bleu.gpx"></li> <li class="distance-Vaugrenier-Bleu.gpx"></li> <li class="duration-Vaugrenier-Bleu.gpx"></li> <li class="elevation-Vaugrenier-Bleu.gpx"></li> <li><a href="Vaugrenier-Bleu.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Vaugrenier-Bleu.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> https://move.cyber-neurones.org/post/2016/03/2016-03-15-la-brague-au-depart-du-pont-des-tamarins-par-joseph/ Tue, 15 Mar 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/03/2016-03-15-la-brague-au-depart-du-pont-des-tamarins-par-joseph/ <h1 id="ma-carte-souvenir-">Ma carte souvenir :</h1> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/03/cyber-neurones_capture-d%E2%80%99ecran-2016-03-15-a-18.47.22.png"><img src="images/cyber-neurones_capture-d%E2%80%99ecran-2016-03-15-a-18.47.22-1024x578.png" alt="Capture d’écran 2016-03-15 à 18.47.22"></a></p> <h1 id="ma-carte-interactive-">Ma carte interactive :</h1> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-Biot.gpx"></li> <li class="distance-Biot.gpx"></li> <li class="duration-Biot.gpx"></li> <li class="elevation-Biot.gpx"></li> <li><a href="Biot.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Biot.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> <h1 id="en-bref-">En bref :</h1> <p>Une petite randonnée très facile au bord de la Brague avec un magnifique paysage et un fleuve splendide. On peut faire Biot-Valbonne en environ 2h00 sans quitté de vu le fleuve. Bien-sûr il est possible de partir de plus loin pour arriver plus loin sans changer la sympathie de cette rando et le magnifique paysage.</p> https://move.cyber-neurones.org/post/2016/01/2016-01-19-circuit-de-la-malle-dans-le-pays-grassois-par-joseph/ Tue, 19 Jan 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/01/2016-01-19-circuit-de-la-malle-dans-le-pays-grassois-par-joseph/ <h1 id="ma-carte-souvenir-">Ma carte souvenir :</h1> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/01/cyber-neurones_randox2.jpg"><img src="images/cyber-neurones_randox2-1024x576.jpg" alt="Randox2"></a></p> <h1 id="ma-carte-interactive-">Ma carte interactive :</h1> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.css" crossorigin="" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/style.css" /> <link rel="stylesheet" href="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.css" /> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet/leaflet.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet.geometryutil.js"></script> <script src="https://move.cyber-neurones.org/gpx-shortcode/leaflet-distance-marker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script> <section id="container" class="gpx"> <div class="map" id="map-"></div> <footer> <ul class="info"> <li><input type="checkbox" checked class="tracks" track-id="0"/></li> <li style="color:blue">&#9632;</li> <li></li> <li class="start-17\_janv.\_2016\_10\_17\_06\_2.gpx"></li> <li class="distance-17\_janv.\_2016\_10\_17\_06\_2.gpx"></li> <li class="duration-17\_janv.\_2016\_10\_17\_06\_2.gpx"></li> <li class="elevation-17\_janv.\_2016\_10\_17\_06\_2.gpx"></li> <li><a href="17%5c_janv.%5c_2016%5c_10%5c_17%5c_06%5c_2.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("17\\_janv.\\_2016\\_10\\_17\\_06\\_2.gpx",) var mapid = "map-"; var container = document.getElementById("container"); var colors = ["blue","darkblue","purple"]; var layers = new Array(); var map = L.map(mapid, { fullscreenControl: true, scrollWheelZoom: false }); createLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "© \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", 1 , 20 , null , null ).addTo(map); var control = L.control.layers(null, null).addTo(map); var bounds = null; urls.forEach(function(url, index) { addTrack(urls[index], index, map); }); document.addEventListener("DOMContentLoaded", function(){ Array.from(document.getElementsByClassName("location")).forEach(addMarker); document.querySelectorAll(".tracks").forEach(function(item) { item.checked = true; }); }); document.querySelectorAll(".tracks").forEach(function(item) { item.addEventListener("click", function() { var id = this.getAttribute("track-id"); if (event.currentTarget.checked) { showTrack(id); } else { hideTrack(id); } }) }); function addTrack(url, index, map) { layers[index]=new L.GPX(url, { gpx_options: { joinTrackSegments: false }, async: true, marker_options: { startIconUrl: "/gpx-shortcode/pin-icon-start.png", endIconUrl: "/gpx-shortcode/pin-icon-end.png", shadowUrl: "/gpx-shortcode/pin-shadow.png", }, polyline_options: {color: colors[index % colors.length], distanceMarkers: true, smoothFactor: 0.5 } }).on("loaded", function(e) { var gpx = e.target; if (bounds === null) { bounds = gpx.getBounds(); } else { bounds.extend(gpx.getBounds()); } map.fitBounds(bounds); control.addOverlay(gpx, gpx.get_name()); addMetadata(gpx, url); }); layers[index].addTo(map); } function showTrack(id) { layers[id].addTo(map); } function hideTrack(id) { layers[id].removeFrom(map); } function createLayer(url, attribution, minZoom, maxZoom, bounds, inverseBounds) { var layer = L.tileLayer(url, { attribution: attribution, minZoom: minZoom, maxZoom: maxZoom}); if (bounds != null) { layer.options.bounds = new L.LatLngBounds( new L.LatLng(bounds[0], bounds[1]), new L.LatLng(bounds[2], bounds[3])); } if (inverseBounds != null) { layer.options.inverseBounds = new L.LatLngBounds( new L.LatLng(inverseBounds[0], inverseBounds[1]), new L.LatLng(inverseBounds[2], inverseBounds[3])); } return layer; } function addMarker(link) { lat = link.getAttribute("lat"); lon = link.getAttribute("lon"); text = link.textContent; name = link.getAttribute("name"); title = (name != "") ? name : text; url = link.getAttribute("link"); if (url != "") { title = "<a target=\"_blank\" href=\"" + url + "\">" + title + "</a>"; } marker = L.marker([lat, lon]).addTo(map); marker.bindPopup(title).openPopup(); } function addMetadata(gpx, url) { var date = gpx.get_start_time(); var datestring = date.getFullYear() + "-" + (date.getMonth()+1).toString().padStart(2, "0") + "-" + date.getDate().toString().padStart(2, "0") + " " + date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0"); _c("start-" + url).textContent = (date > 0) ? datestring : ""; _c("distance-" + url).textContent = "Distance: " + (gpx.get_distance() / 1000).toFixed(2) + " km"; var duration = gpx.get_moving_time(); _c("duration-" + url).textContent = (duration > 0) ? "Duration: " + gpx.get_duration_string(duration) : ""; _c("elevation-"+ url).textContent = `Elevation: ${gpx.get_elevation_gain().toFixed(0)} m, -${gpx.get_elevation_loss().toFixed(0)} m, net: ${(gpx.get_elevation_gain() - gpx.get_elevation_loss()).toFixed(0)} m`; } function _c(c) { return container.getElementsByClassName(c)[0]; } </script> <h1 id="en-bref-">En bref :</h1> <p>Une belle randonnée avec un paysage très varié: on marche sur de l&rsquo;herbe, de la pierre, dans une forêt, sur une pleine,&hellip; Cependant j&rsquo;ai fait cette randonnée l&rsquo;hiver et j&rsquo;ai été accueilli par le froid et le vent mais l&rsquo;on peut voir de très beau endroit et de très beau panoramique. La randonnée fait 24 km avec 853 m de dénivelé. Elle dure environ 6h30. C&rsquo;est une boucle qui part du karting de Gourdon et qui peut monter jusqu&rsquo;à 1372 m d&rsquo;altitude. Il ne faut quand même pas oublier que c&rsquo;est une randonnée de niveau sportive.</p>