https://move.cyber-neurones.org/tags/hautpoul/ Recent content in Hautpoul on Blog GoHugo de Fredô : Linux, Proxmox, IA, Trail, Course, Randonnée, Gravel, Ski de Randonnée Hugo fr Tue, 16 Apr 2019 00:00:00 +0000 https://move.cyber-neurones.org/post/2019/04/2019-04-16-balade-a-mazamet-la-passerelle-dhautpoul/ Tue, 16 Apr 2019 00:00:00 +0000 https://move.cyber-neurones.org/post/2019/04/2019-04-16-balade-a-mazamet-la-passerelle-dhautpoul/ <p>En résumé :</p> <ul> <li>Très grand parking pour le départ.</li> <li>Distance : 9 km.</li> <li>Dénivelé : 390 m.</li> <li>Pour plus d&rsquo;information : <a href="http://www.ville-mazamet.com/mazamet-culture-et-divertissements/page-la-passerelle_2-4_9.htm">http://www.ville-mazamet.com/mazamet-culture-et-divertissements/page-la-passerelle_2-4_9.htm</a> </li> </ul> <p>Le parcours :</p> <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-Haupoul.gpx"></li> <li class="distance-Haupoul.gpx"></li> <li class="duration-Haupoul.gpx"></li> <li class="elevation-Haupoul.gpx"></li> <li><a href="Haupoul.gpx">Download</a></li> </ul> </footer> </section> <script> var urls = new Array("Haupoul.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> Quelques photos :</p>