https://move.cyber-neurones.org/tags/espagne/ Recent content in Espagne on Blog GoHugo de Fredô : Linux, Proxmox, IA, Trail, Course, Randonnée, Gravel, Ski de Randonnée Hugo fr Sat, 19 Aug 2023 00:00:00 +0000 https://move.cyber-neurones.org/post/2023/08/2023-08-19-randonnee-sportive-boucle-de-fuente-de-vers-canal-de-la-jenduda-passage-par-aliva/ Sat, 19 Aug 2023 00:00:00 +0000 https://move.cyber-neurones.org/post/2023/08/2023-08-19-randonnee-sportive-boucle-de-fuente-de-vers-canal-de-la-jenduda-passage-par-aliva/ <p>Le parcours :</p> <ul> <li>Fuente Dé.</li> <li>Canal de la Jenduda (<strong>technique et dangereux</strong>)</li> <li>Horcadina de covarrobres (1933m).</li> <li>Collado de Juan Toribio (1844m)</li> <li>Refuge Aliva</li> <li>Majadas de Espinama</li> <li>El Boqueron.</li> <li>Fuente Dé</li> </ul> <p>La trace GPS :</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-Jenduda.gpx"></li> <li class="distance-Jenduda.gpx"></li> <li class="duration-Jenduda.gpx"></li> <li class="elevation-Jenduda.gpx"></li> <li><a href="Jenduda.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Jenduda.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>Quelques photos :</p> https://move.cyber-neurones.org/post/2023/08/2023-08-18-randonnee-sportive-boucle-de-fuente-de-vers-joracao/ Fri, 18 Aug 2023 00:00:00 +0000 https://move.cyber-neurones.org/post/2023/08/2023-08-18-randonnee-sportive-boucle-de-fuente-de-vers-joracao/ <p>Le parcours :</p> <ul> <li>Fuente Dé.</li> <li>Début Kilometre vertical.</li> <li>Collado de Valdecoro (1784m)</li> <li>Joracao (1837m)</li> <li>El Boqueron.</li> <li>La Vega del Naranco</li> <li>Fuente Dé.</li> </ul> <p>La trace GPS :</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-Joracao.gpx"></li> <li class="distance-Joracao.gpx"></li> <li class="duration-Joracao.gpx"></li> <li class="elevation-Joracao.gpx"></li> <li><a href="Joracao.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Joracao.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>Quelques photos :</p> https://move.cyber-neurones.org/post/2023/08/2023-08-17-randonnee-sportive-fuente-de-vers-vega-de-liordes/ Thu, 17 Aug 2023 00:00:00 +0000 https://move.cyber-neurones.org/post/2023/08/2023-08-17-randonnee-sportive-fuente-de-vers-vega-de-liordes/ <p>Le parcours, en bref : <strong>14 km pour 1100 D+</strong> .</p> <ul> <li>Fuente Dé.</li> <li>Fuente Fonfria.</li> <li>Invernales de las Berrugas.</li> <li>Passage du col à 2035m.</li> <li>Sumidero Vega Liordes.</li> <li>Turbera de la Vega de Liordes.</li> <li>Passage du col à 1954m</li> <li>Tornos de Liodes.</li> <li>Fuente Dé.</li> </ul> <p>La trace GPS :</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-VegaLiordes.gpx"></li> <li class="distance-VegaLiordes.gpx"></li> <li class="duration-VegaLiordes.gpx"></li> <li class="elevation-VegaLiordes.gpx"></li> <li><a href="VegaLiordes.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("VegaLiordes.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>Quelques photos :</p> https://move.cyber-neurones.org/post/2023/08/2023-08-16-randonnee-sportive-boucle-de-fuente-de-vers-cabana-veronica-19-km-et-d-1800m/ Wed, 16 Aug 2023 00:00:00 +0000 https://move.cyber-neurones.org/post/2023/08/2023-08-16-randonnee-sportive-boucle-de-fuente-de-vers-cabana-veronica-19-km-et-d-1800m/ <p>Le parcours (en bref) :</p> <ul> <li>Fuente Dé (1000m)</li> <li>Kilometre Vertical de Fuente Dé</li> <li>El Hachero</li> <li>Horcadina de Covarrobres</li> <li>Collada de los Horcados Royos (2344m)</li> <li>Torre de los Horcados Royos (2503m)</li> <li>Cabana Veronica (2325m)</li> <li>Tiro Casares</li> <li>Tornos de Liordes</li> </ul> <p>Sur <a href="https://www.ibpindex.com/">https://www.ibpindex.com/</a> on peut voir que la montée est rude, très rude.</p> <p><img src="images/capture-decran-2023-08-16-a-190827-1024x722.png" alt=""></p> <p>La trace :</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-CabaneVeronica.gpx"></li> <li class="distance-CabaneVeronica.gpx"></li> <li class="duration-CabaneVeronica.gpx"></li> <li class="elevation-CabaneVeronica.gpx"></li> <li><a href="CabaneVeronica.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("CabaneVeronica.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>Quelques photos :</p> https://move.cyber-neurones.org/post/2016/08/2016-08-02-balade-san-juan-de-gaztelugatxe/ Tue, 02 Aug 2016 00:00:00 +0000 https://move.cyber-neurones.org/post/2016/08/2016-08-02-balade-san-juan-de-gaztelugatxe/ <p>Balade courte mais avec un fort dénivelé :</p> <ul> <li>Temps de marche : 25 min (Aller) et 25 min (Retour)</li> <li>Dénivelé sur aller-retour : descente 198m / monté 198m</li> <li>Distance : 1,21 km</li> </ul> <p>Quelques photos :</p> <p><a href="https://www.cyber-neurones.org/wp-content/uploads/2016/08/cyber-neurones_balade-san-juan-de-gaztelugatxe-1.jpg"><img src="images/cyber-neurones_balade-san-juan-de-gaztelugatxe-1-768x1024.jpg" alt="OLYMPUS DIGITAL CAMERA"></a> <a href="https://www.cyber-neurones.org/wp-content/uploads/2016/08/cyber-neurones_balade-san-juan-de-gaztelugatxe-3.jpg"><img src="images/cyber-neurones_balade-san-juan-de-gaztelugatxe-3-1024x768.jpg" alt="OLYMPUS DIGITAL CAMERA"></a> <a href="https://www.cyber-neurones.org/wp-content/uploads/2016/08/cyber-neurones_balade-san-juan-de-gaztelugatxe-4.jpg"><img src="images/cyber-neurones_balade-san-juan-de-gaztelugatxe-4-1024x768.jpg" alt="OLYMPUS DIGITAL CAMERA"></a> <a href="https://www.cyber-neurones.org/wp-content/uploads/2016/08/cyber-neurones_balade-san-juan-de-gaztelugatxe-5.jpg"><img src="images/cyber-neurones_balade-san-juan-de-gaztelugatxe-5-768x1024.jpg" alt="OLYMPUS DIGITAL CAMERA"></a></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-SanJuan.gpx"></li> <li class="distance-SanJuan.gpx"></li> <li class="duration-SanJuan.gpx"></li> <li class="elevation-SanJuan.gpx"></li> <li><a href="SanJuan.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("SanJuan.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>Par contre les restaurations semblent être faites de façons aléatoires sans respecter une charte. Ce qui fait que l&rsquo;on trouve plusieurs murs différents, c&rsquo;est dommage pour l&rsquo;esthétique. Pareil la rampe est de trop, elle coupe le style et me semble pas vraiment utile. Et je ne parle pas du système de toilette qui se jette directement sur la plage &hellip;</p>