28:null 29:["$","title",null,{"children":"GPX rides with Mapbox | Mark McClure | Observable"}] 2f:T5f7,ride_menu = { let init = ["---"]; let filenames = Object.keys(menu_files); if (Object.keys(other_files).indexOf(params.get("gpx")) > -1) { menu_files[params.get("gpx")] = other_files[params.get("gpx")]; filenames.unshift(params.get("gpx")); filenames = filenames.slice(0, -1); } else { d3.select(webpage_text).style("opacity", 0.7); } let ride_menu = Inputs.select(["---"].concat(filenames), { width: 100, value: params.get("gpx") ? params.get("gpx") : "---" }); d3.select(ride_menu).on("input", async function () { if (this.value == "---") { d3.select(elevation_chart_container).selectAll("svg").remove(); if (map.getLayer("path")) { map.removeLayer("path"); } if (map.getSource("route")) { map.removeSource("route"); } if (global_markers.start_marker) { global_markers.start_marker.remove(); global_markers.start_marker = null; } if (global_markers.stop_marker) { global_markers.stop_marker.remove(); global_markers.stop_marker = null; } d3.select(webpage_text).style("opacity", 0.7); } else { let pts = await get_trkpts(await menu_files[this.value].text()); add_path(map, pts); make_elevation_chart(pts, map); d3.select(webpage_text).style("opacity", 0); } }); if ( Object.keys(other_files).indexOf(params.get("gpx")) > -1 && !params.get("menu") ) { d3.select(ride_menu).style("display", "none"); } return ride_menu; }30:T756,function add_path(map, pts) { // Remove the path, if already there if (map.getLayer("path")) { map.removeLayer("path"); } if (map.getSource("route")) { map.removeSource("route"); } // And the start stop markers, too. if (global_markers.start_marker) { global_markers.start_marker.remove(); global_markers.start_marker = null; } if (global_markers.stop_marker) { global_markers.stop_marker.remove(); global_markers.stop_marker = null; } // Add geoJSON describing the route map.addSource("route", { type: "geojson", data: { type: "FeatureCollection", features: [ { type: "Feature", geometry: { type: "LineString", coordinates: pts } } ] } }); // Use the geoJSON to add the layer map.addLayer({ id: "path", type: "line", source: "route", layout: { "line-join": "round", "line-cap": "round" }, paint: { "line-color": "#00b", "line-width": 5 } }); // Add the markers global_markers.start_marker = new mapboxgl.Marker({ color: "#00dd00" }) .setLngLat(pts[0]) .addTo(map); global_markers.stop_marker = new mapboxgl.Marker({ color: "#dd0000" }) .setLngLat(pts.slice(-1)[0]) .addTo(map); // marker.remove(); // Fit the map to the new path. Note that // fit=false, when called after a change of map_style // if (fit) { map.setMaxBounds(null); let lon_range = pts.max_lon - pts.min_lon; let lat_range = pts.max_lat - pts.min_lat; let r = 0.2; let min_lon = pts.min_lon - lon_range * r; let max_lon = pts.max_lon + lon_range * r; let min_lat = pts.min_lat - lat_range * r; let max_lat = pts.max_lat + lat_range * r; map.fitBounds( [ [min_lon, min_lat], [max_lon, max_lat] ], { duration: 1600 } ); // } }31:T1239,// Constructs the elevation chart function make_elevation_chart(trkpts, map) { let size = d3.min([window.innerWidth, window.innerHeight]); let w = size < 600 ? 0.98 * size : 600; let h = w / 3; let pad_left = 40; let pad_bottom = 20; let svg = d3 .create("svg") .attr("class", "elevation_chart") .attr("width", w) .attr("height", h); svg .append("rect") .attr("width", w) .attr("height", h) .attr("fill", "white") .attr("opacity", 0.5); let lngLats = trkpts; //.map((pt) => [pt[1], pt[0]]); let elevation_path = []; let cummulative_length = 0; let R = 3; let distance_to_point_map = new Map(); for (let i = R; i < trkpts.length - R; i++) { cummulative_length = cummulative_length + d3.geoDistance(lngLats[i - 1], lngLats[i]) * 3958.8; let elevation = d3.mean(trkpts.slice(i - R, i + R).map((pt) => pt.ele)); elevation_path.push([cummulative_length, elevation]); distance_to_point_map.set(cummulative_length, lngLats[i]); } let path_length = elevation_path.slice(-1)[0][0]; let elevations = trkpts.map((o) => o.ele); let min_elevation = d3.min(elevations); let max_elevation = d3.max(elevations); let elevation_pad = 500; let elevation_path2 = [[0, min_elevation - elevation_pad]] .concat(elevation_path) .concat([[path_length, min_elevation - elevation_pad]]); let x_scale = d3.scaleLinear().domain([0, path_length]).range([pad_left, w]); let y_scale = d3 .scaleLinear() .domain([min_elevation - elevation_pad, max_elevation + elevation_pad]) .range([h - pad_bottom, 0]); let pts_to_path = d3 .line() .x((d) => x_scale(d[0])) .y((d) => y_scale(d[1])); svg .append("path") .attr("d", pts_to_path(elevation_path2)) .style("stroke", "black") .style("stroke-width", "0px") .style("stroke-linejoin", "round") .style("opacity", 0.7) .style("fill", "#eee"); svg .append("path") .attr("d", pts_to_path(elevation_path)) .style("stroke", "black") .style("stroke-width", "3px") .style("stroke-linejoin", "round") .style("fill", "none"); svg .append("g") .attr("transform", `translate(0, ${h - pad_bottom})`) .call(d3.axisBottom(x_scale)); svg .append("g") .attr("transform", `translate(${pad_left})`) .call(d3.axisLeft(y_scale)); let position_marker = svg .append("g") .attr("class", "position_marker") .style("opacity", 0); position_marker .append("line") .attr("stroke-width", "1px") .attr("stroke", "black") .attr("y1", 0) .attr("y2", h) .attr("x1", w / 2) .attr("x2", w / 2); position_marker .append("circle") .attr("r", "5px") .attr("cx", w / 2) .attr("cy", h / 2) .attr("fill", "#0ff") .attr("stroke", "black"); let lengths = elevation_path.map((pt) => pt[0]); svg .on("touchmove", (e) => e.preventDefault()) // prevent scrolling .on("pointerenter", function () { position_marker.style("opacity", 1); map.addSource("point", { type: "geojson", data: { type: "Feature", geometry: { type: "Point", coordinates: trkpts[20] } } }); map.addLayer({ id: "point", type: "circle", source: "point", paint: { "circle-radius": 6, "circle-color": "cyan" // "stroke-color": "black" } }); }) .on("pointermove", function (evt) { evt.preventDefault(); let distance = x_scale.invert(d3.pointer(evt)[0]); let i = binarySearch(lengths, distance); let x = x_scale(distance); let elevation = elevations[i]; let y = y_scale(elevation); position_marker.select("line").attr("x1", x).attr("x2", x); position_marker.select("circle").attr("cx", x).attr("cy", y); // global.gpx_path.getLayers()[1].setLatLng(trkpts[i]); map.getSource("point").setData({ type: "Feature", geometry: { type: "Point", coordinates: trkpts[i] } }); }) .on("pointerleave", function () { position_marker.style("opacity", 0); map.removeLayer("point"); map.removeSource("point"); }); if (trkpts[0].time) { svg .append("text") .attr("x", 50) .attr("y", 20) .text(formatTime(trkpts[0].time)); } svg .append("text") .attr("x", 50) .attr("y", 40) .text(`${d3.format("0.1f")(path_length)} miles`); d3.select(elevation_chart_container).selectAll(".elevation_chart").remove(); d3.select(elevation_chart_container).append(() => svg.node()); }32:T6fd,// These files can be accessed from the menu menu_files = ({ "Road: 276": FileAttachment("276.reduced.gpx"), "Road: Bakery": FileAttachment("Bakery3.reduced.gpx"), "Road: Coxes Creek": FileAttachment("CoxesCreek.reduced.gpx"), "Road: Haw Creek Overlook": FileAttachment("HawcreekTownMtn.reduced.gpx"), "Road: Hookers Gap to Marshall": FileAttachment( "HookersGapAndMarshall.reduced.gpx" ), "Road: Lake Logan": FileAttachment("LakeLogan.reduced.gpx"), "Road: Up Ox Creek": FileAttachment("OxCreekBiltmoreForrest.reduced.gpx"), "Road: Smokies to AVL": FileAttachment("SmokiesToAvl.gpx"), "GRVL: Curtis Creek": FileAttachment("FolkArtCurtisCreekParkway.reduced.gpx"), "GRVL: Bent Creek": FileAttachment("BCG6.reduced.gpx"), "GRVL: Bent Creek WVL": FileAttachment("BCGfromWVL.reduced.gpx"), "GRVL: Lynn Cove cut through": FileAttachment( "LynnCoveCutThrough.reduced.gpx" ), "GRVL: Three dirt too": FileAttachment("NorthAshevilleGravel.reduced.gpx"), "GRVL: Pisgah 470s": FileAttachment("PisgahGravel470s.reduced.gpx"), "GRVL: Stoney Fork": FileAttachment("StoneyFork.reduced.gpx"), "GRVL: Yellow Gap": FileAttachment("YellowGapTo276.reduced.gpx"), "MTN: A lotta Bent Creek": FileAttachment("AlottaBentCreek.reduced.gpx"), "MTN: AdrienneRide": FileAttachment("AdrienneRide.gpx"), "MTN: Big Creek": FileAttachment("BIGBigCreek.reduced.gpx"), "MTN: Fish Hatch": FileAttachment("CoveCreekDanielButterCat.reduced.gpx"), "MTN: Jerdon Mountain": FileAttachment("JerdonMountain.reduced.gpx"), "MTN: Kitsuma and Bernard Mounain": FileAttachment("KitsumaAndBernard.gpx"), "MTN: Pink Beds to Bennett Gap": FileAttachment( "PinkBedsBennettGap.reduced.gpx" ), "MTN: Spencer Fletcher": FileAttachment("SpencerFletcherWithRob.reduced.gpx") })33:T940,// These can files can be accessed via a query string like ?gpx=CadillacMountain // Useful for sharing rides with friends. other_files = ({ CadillacMountain: await FileAttachment("CadillacMountain.gpx"), Towpath: await FileAttachment("Towpath.05.28.22-reduced.gpx"), Towpath2: await FileAttachment("Towpath.05.29.22.gpx"), TowpathThanksgiving: FileAttachment("TowPathThanksgiving.gpx"), TowpathThanksgivingFromKrissis: FileAttachment("TowpathFromKrissis.gpx"), BC_AD: await FileAttachment("BC_AD.gpx"), BCMTB_060622: await FileAttachment("BCMTB.06.06.22.gpx"), AveryBennett: await FileAttachment("AveryBennett.gpx"), BentCreekLasso: await FileAttachment("BentCreekLasso.gpx"), EricUnsanctioned: await FileAttachment("EricUnsanctioned.gpx"), Heartbreak: FileAttachment("Heartbreak.gpx"), Charlie: FileAttachment("Charlie.gpx"), AdrienneSpencerFletcher: FileAttachment("AdrienneSpencerFletcher@1.gpx"), StonesLake: FileAttachment("StonesLake.gpx"), G5Trails: FileAttachment("G5Trails.gpx"), BCG02052023: await FileAttachment("BCG.02.05.2023.gpx"), joseph: await FileAttachment("Joseph.gpx"), BigCreekTrace: await FileAttachment("BigCreekTrace.gpx"), BigCreek2: await FileAttachment("BigCreek2.gpx"), TsaliRightLeft: await FileAttachment("TsaliRightLeft.gpx"), DirtSkrrtPisgah031123: await FileAttachment("DirtSkrrtPisgah.03.11.23.gpx"), DresdenToMeissen: await FileAttachment("DresdenToMeissen.GPX.gpx"), DresdenToSaxony: await FileAttachment("DresdenToSaxony 3.gpx"), SciotaAndOlentangy: await FileAttachment("SciotaAndOlentangy.gpx"), AdrienneRide: await FileAttachment("AdrienneRide.gpx"), OakRidgeMTB: await FileAttachment("OakRidgeMTB.gpx"), SanFran: await FileAttachment("SanFranWalk.gpx"), ColumbusLoop: await FileAttachment("ColumbusLoop.gpx"), DrakesMap: await FileAttachment("drakes_map.gpx"), LowerHeartbreak: await FileAttachment("LowerHeartbreakFirstRide.gpx"), ShortAveryBennett: await FileAttachment("ShortAveryBennett.gpx"), BentCreekWithAveryAndPete: await FileAttachment( "BentCreekWithAveryAndPete.gpx" ), RidgelineWithPeyPey: FileAttachment("RidgelineWithPeyPey.gpx"), Whistler: FileAttachment("Whistler.gpx"), CathySecretTrail: FileAttachment("CathySecretTrail.gpx"), GibsonsWithJay: FileAttachment("GibsonsWithJay.gpx"), MtMitchell: FileAttachment("MtMitchell.gpx") })34:[{"id":"7c82caccbda5718a1396c6afb675ba349ee80354797ac61648793278f08ba335a6c5472ec89c981238056e1e0e307f06f5cad23e7bafb5eeaf8f0668eae9860e","href":"https://static.observableusercontent.com/files/7c82caccbda5718a1396c6afb675ba349ee80354797ac61648793278f08ba335a6c5472ec89c981238056e1e0e307f06f5cad23e7bafb5eeaf8f0668eae9860e","name":"ColumbusLoop.gpx","type":"application/xml","lastModified":1709935758652.509,"size":1737132},{"id":"9fb84338f1e5d84ce4d88d0b58b7de3888adfcce4d580c3b0aeb4fd8d43758e3acfaa7cfeb76eb5756fd2742de25b789eb9522d9fe82d897f59a7b099a3bc698","href":"https://static.observableusercontent.com/files/9fb84338f1e5d84ce4d88d0b58b7de3888adfcce4d580c3b0aeb4fd8d43758e3acfaa7cfeb76eb5756fd2742de25b789eb9522d9fe82d897f59a7b099a3bc698","name":"ShortAveryBennett.gpx","type":"application/xml","lastModified":1719091492923.589,"size":1018873},{"id":"cd026b7fc0e584217a4840999ffce64ac07af765f94c8583405186cd923526e7c50c97a9c3c40b2556dae749fd656d9764c866df378e09ae7f7f39b692e38ef1","href":"https://static.observableusercontent.com/files/cd026b7fc0e584217a4840999ffce64ac07af765f94c8583405186cd923526e7c50c97a9c3c40b2556dae749fd656d9764c866df378e09ae7f7f39b692e38ef1","name":"BentCreekWithAveryAndPete.gpx","type":"application/xml","lastModified":1719175497226.707,"size":526895},{"id":"580fec77532c2bf7bd69b313f19e9a35b4c7cc5e3fa1cf44782735260e7522d11cb5049172084e1aa8ed34693b50bb12d112c11f7d535633ef52a1fc4bd55265","href":"https://static.observableusercontent.com/files/580fec77532c2bf7bd69b313f19e9a35b4c7cc5e3fa1cf44782735260e7522d11cb5049172084e1aa8ed34693b50bb12d112c11f7d535633ef52a1fc4bd55265","name":"drakes_map.gpx","type":"application/xml","lastModified":1717001782722.941,"size":4529617},{"id":"fe85027091d956ed090ae626d6eb78e6ebba3f19f2f7155bfd2575a9d4fea60740e7ba4154c371fa92128de0602d7753930e42da9a3ea5a8dd4d143fb44ea83b","href":"https://static.observableusercontent.com/files/fe85027091d956ed090ae626d6eb78e6ebba3f19f2f7155bfd2575a9d4fea60740e7ba4154c371fa92128de0602d7753930e42da9a3ea5a8dd4d143fb44ea83b","name":"RidgelineWithPeyPey.gpx","type":"application/xml","lastModified":1719745418776.778,"size":334203},{"id":"f9c330e37e819185bb5b44cc90c09d2c5146faad6ba816e0849aacc466cc8748dee8b9ac789b98cd3d1de613905421b0cd5aa13746093e3f8f901445cb503296","href":"https://static.observableusercontent.com/files/f9c330e37e819185bb5b44cc90c09d2c5146faad6ba816e0849aacc466cc8748dee8b9ac789b98cd3d1de613905421b0cd5aa13746093e3f8f901445cb503296","name":"Whistler.gpx","type":"application/xml","lastModified":1721226343506.212,"size":344983},{"id":"a248b4afcbba233674bbb529d9b211dd6f1ed86af5af0ee8d8a2fe179d27129e2e80a344fa968a9a16a44be2e4469e4d45d69e3e32b3e66fe3eb5ec765b35cb6","href":"https://static.observableusercontent.com/files/a248b4afcbba233674bbb529d9b211dd6f1ed86af5af0ee8d8a2fe179d27129e2e80a344fa968a9a16a44be2e4469e4d45d69e3e32b3e66fe3eb5ec765b35cb6","name":"LowerHeartbreakFirstRide.gpx","type":"application/xml","lastModified":1717258053807.698,"size":1041728},{"id":"c492dea1adf06f5164ad9b47340bee993734888fa4e6a609c32ece1546ab899a635b29dcea6f3c98bfde6d8831d85408abf8dd0655e288692f768dbb80fda555","href":"https://static.observableusercontent.com/files/c492dea1adf06f5164ad9b47340bee993734888fa4e6a609c32ece1546ab899a635b29dcea6f3c98bfde6d8831d85408abf8dd0655e288692f768dbb80fda555","name":"CathySecretTrail.gpx","type":"application/xml","lastModified":1721262691688.803,"size":253921},{"id":"75517021ee02504dcc22f89a76f12537791896f503e51442aa73e7da727504ecda4166f22d3acae287ff030b71edceb79b3852eb26c5411a96f1353d2b731146","href":"https://static.observableusercontent.com/files/75517021ee02504dcc22f89a76f12537791896f503e51442aa73e7da727504ecda4166f22d3acae287ff030b71edceb79b3852eb26c5411a96f1353d2b731146","name":"GibsonsWithJay.gpx","type":"application/xml","lastModified":1721312618456.673,"size":518912},{"id":"568f3f198a5aeeb12efebd24843e28dfb4c1bd31c6b5fe1e847d344ab2e46d2920417e8c6ac28420e8bc30c38358ba5aed29337ef69c00969f6e71b86727e885","href":"https://static.observableusercontent.com/files/568f3f198a5aeeb12efebd24843e28dfb4c1bd31c6b5fe1e847d344ab2e46d2920417e8c6ac28420e8bc30c38358ba5aed29337ef69c00969f6e71b86727e885","name":"MtMitchell.gpx","type":"application/xml","lastModified":1749244057148.153,"size":63023},{"id":"cc36de5836b547a737049e6e6d0e5ad869a4168aecc28ba2c61c113267a8f5a453d47c0361c8724bb4cd66f17c3713b8d7ec838af3e333e4f9464b860dd019e2","href":"https://static.observableusercontent.com/files/cc36de5836b547a737049e6e6d0e5ad869a4168aecc28ba2c61c113267a8f5a453d47c0361c8724bb4cd66f17c3713b8d7ec838af3e333e4f9464b860dd019e2","name":"YellowGapTo276.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":156748},{"id":"3325551de44881580c97ddda0c2ed2d7d85ce97238b9c521f2311b6374107b64003b85b327faf30b0427e49dbdb5797ade431f27880d8e1680a6b0994cd3ab0f","href":"https://static.observableusercontent.com/files/3325551de44881580c97ddda0c2ed2d7d85ce97238b9c521f2311b6374107b64003b85b327faf30b0427e49dbdb5797ade431f27880d8e1680a6b0994cd3ab0f","name":"CadillacMountain.gpx","type":"application/xml","lastModified":1653960952911.809,"size":1535384},{"id":"e4e8fb89ad4348e3996ecc34d25fc3420284a62553b14c2c3940457a1b72b5c1ac0e81a28f83d78cf9c4b5474f3e982932009c0604058862834d8c3c951254d5","href":"https://static.observableusercontent.com/files/e4e8fb89ad4348e3996ecc34d25fc3420284a62553b14c2c3940457a1b72b5c1ac0e81a28f83d78cf9c4b5474f3e982932009c0604058862834d8c3c951254d5","name":"HookersGapAndMarshall.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":95061},{"id":"d44fb73844bff117061d3c213cd7319e3b149aaaa962b0829b2cb5d261d03289841ac9feb7d2e60bb1086c1ff741c26646abf2004976246d81933953ec7859ea","href":"https://static.observableusercontent.com/files/d44fb73844bff117061d3c213cd7319e3b149aaaa962b0829b2cb5d261d03289841ac9feb7d2e60bb1086c1ff741c26646abf2004976246d81933953ec7859ea","name":"Towpath.05.29.22.gpx","type":"application/xml","lastModified":1653960952911.809,"size":1508309},{"id":"f47fd1c5e6ec93d1908b507a4c6c226028245e792fea46d30494c370f11aa5f7dd4c7ba6bd2a7d5b0755a23453689de14f6b44e2c2d5269b8f8941fe37474239","href":"https://static.observableusercontent.com/files/f47fd1c5e6ec93d1908b507a4c6c226028245e792fea46d30494c370f11aa5f7dd4c7ba6bd2a7d5b0755a23453689de14f6b44e2c2d5269b8f8941fe37474239","name":"Towpath.05.28.22-reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":44426},{"id":"935b7d20224c6346591e76b4f225fa36f1922f23d704fba4c5cae8bd4a8d81fc1eac7967d0af28834cf93127f356646562f19be0640d1f4957791e443c6014a9","href":"https://static.observableusercontent.com/files/935b7d20224c6346591e76b4f225fa36f1922f23d704fba4c5cae8bd4a8d81fc1eac7967d0af28834cf93127f356646562f19be0640d1f4957791e443c6014a9","name":"SpencerFletcherWithRob.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":105983},{"id":"2e96c814cd23b21d3d45fa8f43c2f2cc30a9692b1a982099675f14210297a6f57f3c5441d4b3514b0cdd9249ff8bbdc48e01dd2f110c365ddfdacb7573d18d1b","href":"https://static.observableusercontent.com/files/2e96c814cd23b21d3d45fa8f43c2f2cc30a9692b1a982099675f14210297a6f57f3c5441d4b3514b0cdd9249ff8bbdc48e01dd2f110c365ddfdacb7573d18d1b","name":"PisgahGravel470s.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":115376},{"id":"e702c783a2a516a15e7f631e2f05e7874be7422256218c290753a303c32da71bd0eb95178d08310e14d62299195bcdfcc4bef7ac34c3c40d88c92c1f1d5e69a6","href":"https://static.observableusercontent.com/files/e702c783a2a516a15e7f631e2f05e7874be7422256218c290753a303c32da71bd0eb95178d08310e14d62299195bcdfcc4bef7ac34c3c40d88c92c1f1d5e69a6","name":"PinkBedsBennettGap.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":139784},{"id":"4c76da2cb9d063ab814af833c85749991fcb2022353faa074bf93ee913392c26f4f2814ae3ec6dd65dd20828c393af4737f437f450d23f78dc9668d09c5d0805","href":"https://static.observableusercontent.com/files/4c76da2cb9d063ab814af833c85749991fcb2022353faa074bf93ee913392c26f4f2814ae3ec6dd65dd20828c393af4737f437f450d23f78dc9668d09c5d0805","name":"OxCreekBiltmoreForrest.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":90553},{"id":"997b09598fda1169f43b9e122e0f28c3103629837ff8a021e138cd496cbcbee30a8c53b2ae81a7668515fe82a687b15be4ce6753c4b9c51bafd2eea34a5a0cda","href":"https://static.observableusercontent.com/files/997b09598fda1169f43b9e122e0f28c3103629837ff8a021e138cd496cbcbee30a8c53b2ae81a7668515fe82a687b15be4ce6753c4b9c51bafd2eea34a5a0cda","name":"LakeLogan.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":113605},{"id":"e96e9ef4000ad1965dc35975dff4e1880b9ff223ef72320175d3de4c2e5081e3af6a4459d8706ceda8428619d232396c7d07b1d3788921d68b7613d3bd259eb7","href":"https://static.observableusercontent.com/files/e96e9ef4000ad1965dc35975dff4e1880b9ff223ef72320175d3de4c2e5081e3af6a4459d8706ceda8428619d232396c7d07b1d3788921d68b7613d3bd259eb7","name":"BIGBigCreek.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":237073},{"id":"ef76d7ce623b5205116b3b5fd66d683ca3a6d908aa8f5e18c468b02483b4a997dd5e5d9d7e79dc67f43e48b54f57b919e5c63332124c633a1c4b200bc293fb1d","href":"https://static.observableusercontent.com/files/ef76d7ce623b5205116b3b5fd66d683ca3a6d908aa8f5e18c468b02483b4a997dd5e5d9d7e79dc67f43e48b54f57b919e5c63332124c633a1c4b200bc293fb1d","name":"FolkArtCurtisCreekParkway.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":173735},{"id":"2a0c122dc76ca468a0be06ce07b3df770d87fe3b0743f3f77e3d057b97f4d4fc132c3ddbd2da6f2e2f92899c9b583c91a7573c2c92ac43b01933b02c374218b1","href":"https://static.observableusercontent.com/files/2a0c122dc76ca468a0be06ce07b3df770d87fe3b0743f3f77e3d057b97f4d4fc132c3ddbd2da6f2e2f92899c9b583c91a7573c2c92ac43b01933b02c374218b1","name":"CoveCreekDanielButterCat.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":136540},{"id":"54ab253bb513f3fc2eea5105a8abd439ff97cad93cd02b2ae5cd99803ddaacdc946fcd94f01177e5b91f0dd0158bcbee78bc8707a6f5b78c2745ae63771d5739","href":"https://static.observableusercontent.com/files/54ab253bb513f3fc2eea5105a8abd439ff97cad93cd02b2ae5cd99803ddaacdc946fcd94f01177e5b91f0dd0158bcbee78bc8707a6f5b78c2745ae63771d5739","name":"CoxesCreek.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":67129},{"id":"df6660ee1e384c0f8ca248c603ae4c5d18f206c1283f129d5e61bbd2ad93075d8d1dab4b82088799b1a6347147ad121ca4b999b254f8c864ce8d0bae481847f1","href":"https://static.observableusercontent.com/files/df6660ee1e384c0f8ca248c603ae4c5d18f206c1283f129d5e61bbd2ad93075d8d1dab4b82088799b1a6347147ad121ca4b999b254f8c864ce8d0bae481847f1","name":"BCGfromWVL.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":133141},{"id":"9c386a0c4dfa99288eb6d97dea897b3ca3b171559cf6937378558af908c25288657536f283d95d5383e04fbfcc5de790dcb59b6f20cd63bd30439d71db031d77","href":"https://static.observableusercontent.com/files/9c386a0c4dfa99288eb6d97dea897b3ca3b171559cf6937378558af908c25288657536f283d95d5383e04fbfcc5de790dcb59b6f20cd63bd30439d71db031d77","name":"NorthAshevilleGravel.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":147408},{"id":"c14f969d89379a55650ce3c2a278f9f012532a349f3f9ae56363f400d29a82c677b57b102d48c4a18300763d2238bc5f0c08e8795b759097390a52d6fbdad7aa","href":"https://static.observableusercontent.com/files/c14f969d89379a55650ce3c2a278f9f012532a349f3f9ae56363f400d29a82c677b57b102d48c4a18300763d2238bc5f0c08e8795b759097390a52d6fbdad7aa","name":"Bakery3.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":117605},{"id":"5700f45dc18b66c625574ecffad198ad1951bf59e9b29c9688c326f2f79e8218212bc528438c614e781897157fd6161ae2fd46d8bbf1e4ffcf61a0df247df918","href":"https://static.observableusercontent.com/files/5700f45dc18b66c625574ecffad198ad1951bf59e9b29c9688c326f2f79e8218212bc528438c614e781897157fd6161ae2fd46d8bbf1e4ffcf61a0df247df918","name":"BCG6.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":169774},{"id":"8c92b833f68c0527ecc75066ffc8c790359063e149d4247dc3b91c2bb0f159baa91265584479617cedad339bf4bf6d75ee0ebe12ae25d325d9dc1763079efb01","href":"https://static.observableusercontent.com/files/8c92b833f68c0527ecc75066ffc8c790359063e149d4247dc3b91c2bb0f159baa91265584479617cedad339bf4bf6d75ee0ebe12ae25d325d9dc1763079efb01","name":"JerdonMountain.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":126080},{"id":"b590ba75879274212471c360a6e150c6a124a1a969bf343405f06d23099fce3c50e2d1bbb420a0d698d8a15aefab27e0b920d98ac47694fce7d7c1aae136ef16","href":"https://static.observableusercontent.com/files/b590ba75879274212471c360a6e150c6a124a1a969bf343405f06d23099fce3c50e2d1bbb420a0d698d8a15aefab27e0b920d98ac47694fce7d7c1aae136ef16","name":"LynnCoveCutThrough.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":89246},{"id":"977f8033c09ebc4ca784a383de15f507cf67d118df85edf020d252ffd4feed28402218d063c0d8b2f705ab813aeb2cdc15f3c5ff6f830c9ecc04067bf33bfa1f","href":"https://static.observableusercontent.com/files/977f8033c09ebc4ca784a383de15f507cf67d118df85edf020d252ffd4feed28402218d063c0d8b2f705ab813aeb2cdc15f3c5ff6f830c9ecc04067bf33bfa1f","name":"StoneyFork.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":104475},{"id":"3da71941b10d4980be5563d699e7e28a9571cb58245bb7d042ccf11b3bcfb10a22a60fb28e10d7173290d6cf2dd9e474dd6c6cc0995f28122a0d6cdc9b024537","href":"https://static.observableusercontent.com/files/3da71941b10d4980be5563d699e7e28a9571cb58245bb7d042ccf11b3bcfb10a22a60fb28e10d7173290d6cf2dd9e474dd6c6cc0995f28122a0d6cdc9b024537","name":"AlottaBentCreek.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":110124},{"id":"055536c41f55604e9fa4d147261d5ced11fa9b0be8c870ab102722abacf22ccffe9882332a095065a980c55ea95b492ae5262675aac3d926835006bd1f6e6e86","href":"https://static.observableusercontent.com/files/055536c41f55604e9fa4d147261d5ced11fa9b0be8c870ab102722abacf22ccffe9882332a095065a980c55ea95b492ae5262675aac3d926835006bd1f6e6e86","name":"276.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":128695},{"id":"fc68a303bf89458e03fe4e5f538f4b021a5d2bf07eb3acf5367a47c56f968b7755bb62d3bd8bde0e1357aff3901d5e337adff72e8b43910afe9fc4b3b839bbca","href":"https://static.observableusercontent.com/files/fc68a303bf89458e03fe4e5f538f4b021a5d2bf07eb3acf5367a47c56f968b7755bb62d3bd8bde0e1357aff3901d5e337adff72e8b43910afe9fc4b3b839bbca","name":"HawcreekTownMtn.reduced.gpx","type":"application/xml","lastModified":1653960952911.809,"size":72769},{"id":"9630f8328f5f21d940533db0a53df4273a74af75f4d8f04b17f4242a28976521b6b39db410f7c0bd663756c87d76c8d15222f9287332c63fbf1ee7d84f36712e","href":"https://static.observableusercontent.com/files/9630f8328f5f21d940533db0a53df4273a74af75f4d8f04b17f4242a28976521b6b39db410f7c0bd663756c87d76c8d15222f9287332c63fbf1ee7d84f36712e","name":"BC_AD.gpx","type":"application/xml","lastModified":1654366277525.239,"size":827819},{"id":"7e93803418b71428efe8363e73247b38e32a61fb9851e738b11d3d3100b8baec7d47508d26397d320be62e97b6983e7716b8ce90c5ff4ca494285e1a96e1afad","href":"https://static.observableusercontent.com/files/7e93803418b71428efe8363e73247b38e32a61fb9851e738b11d3d3100b8baec7d47508d26397d320be62e97b6983e7716b8ce90c5ff4ca494285e1a96e1afad","name":"Heartbreak.gpx","type":"application/xml","lastModified":1656022039993.709,"size":1659617},{"id":"227e284925f7eeecd3c6810d93ce3814bd211a367d3acdadef9b8171419ba965ee3dbe19f9af746da2d372b81c3b42f10ed39dd36fcfbf0d916248f34d249bc6","href":"https://static.observableusercontent.com/files/227e284925f7eeecd3c6810d93ce3814bd211a367d3acdadef9b8171419ba965ee3dbe19f9af746da2d372b81c3b42f10ed39dd36fcfbf0d916248f34d249bc6","name":"BentCreekLasso.gpx","type":"application/xml","lastModified":1655598818095.286,"size":729787},{"id":"8142893e75237f25483b23fee67bfc5fd27f239f17be3fcf9db3d7861370131a3326f009d61c6398d269b27dfbd3b3cba047929b528247ebd8cdf45ececfad9b","href":"https://static.observableusercontent.com/files/8142893e75237f25483b23fee67bfc5fd27f239f17be3fcf9db3d7861370131a3326f009d61c6398d269b27dfbd3b3cba047929b528247ebd8cdf45ececfad9b","name":"EricUnsanctioned.gpx","type":"application/xml","lastModified":1655854645098.182,"size":502636},{"id":"f40dc3de5264e3ca9e656cbfe1f04c2a9cac1a5a8516411af54a5d5392cdcd1d8e6382a1ec7a1d4420205fb6a92c79515d24827799ceb98b30c320d8737a65fd","href":"https://static.observableusercontent.com/files/f40dc3de5264e3ca9e656cbfe1f04c2a9cac1a5a8516411af54a5d5392cdcd1d8e6382a1ec7a1d4420205fb6a92c79515d24827799ceb98b30c320d8737a65fd","name":"BCMTB.06.06.22.gpx","type":"application/xml","lastModified":1654549205894.652,"size":1251676},{"id":"4904e42719de65016f3116d8761a56be909ed398488c9e4bf7bd6732fbc0514e555d3b1dc72152b2e83fd217f4bf41e0f53198e5dcf7a63d98d744255392bcca","href":"https://static.observableusercontent.com/files/4904e42719de65016f3116d8761a56be909ed398488c9e4bf7bd6732fbc0514e555d3b1dc72152b2e83fd217f4bf41e0f53198e5dcf7a63d98d744255392bcca","name":"SmokiesToAvl.gpx","type":"application/xml","lastModified":1655080540459.776,"size":3458352},{"id":"23b9a36d4312813ddcbd9abaeba1eca4681c6bfb0c08cad0badfc9e7e0bab223aa844cfa1f1ced69efd3699b3b5ce72f62c16a664df7da5223b9fb41965646be","href":"https://static.observableusercontent.com/files/23b9a36d4312813ddcbd9abaeba1eca4681c6bfb0c08cad0badfc9e7e0bab223aa844cfa1f1ced69efd3699b3b5ce72f62c16a664df7da5223b9fb41965646be","name":"Charlie.gpx","type":"application/xml","lastModified":1657228104016.375,"size":548766},{"id":"0b3f7b83f5b9f9855328edbfb05912e010465bf390e361b891efe2d40d898a0476b9874dec089df1f8cad7b0f9ad4cfd82656c9b24525d9b599d90925efa50f8","href":"https://static.observableusercontent.com/files/0b3f7b83f5b9f9855328edbfb05912e010465bf390e361b891efe2d40d898a0476b9874dec089df1f8cad7b0f9ad4cfd82656c9b24525d9b599d90925efa50f8","name":"AveryBennett.gpx","type":"application/xml","lastModified":1655498795142.713,"size":1191685},{"id":"282e7d3e81ba85adea8e499b71d17b4f503e3ed067f0c4b68d943c8d787cb1862b3fbf58d22c294944269dd756c013daa5f78e7d2f6b8a22a4d6dd8a2f3263b1","href":"https://static.observableusercontent.com/files/282e7d3e81ba85adea8e499b71d17b4f503e3ed067f0c4b68d943c8d787cb1862b3fbf58d22c294944269dd756c013daa5f78e7d2f6b8a22a4d6dd8a2f3263b1","name":"G5Trails.gpx","type":"application/xml","lastModified":1665965760612.767,"size":508364},{"id":"56a8a4fb246dd73b4566f2c434f4a92c792ee71f5f397372cb80a8bf901bb360465a0771163531a3e41823f121d607a8d2036b064a9bfa040248e9b6d768522f","href":"https://static.observableusercontent.com/files/56a8a4fb246dd73b4566f2c434f4a92c792ee71f5f397372cb80a8bf901bb360465a0771163531a3e41823f121d607a8d2036b064a9bfa040248e9b6d768522f","name":"AdrienneSpencerFletcher@1.gpx","type":"application/xml","lastModified":1660434867378.438,"size":139540},{"id":"2158a9687e9d942fa1b1dd45011e983cd541ef367bb07b1daf79a86d24d6509d87e1f52f8a3fdeb1e2d572096de2f8d05ff0147d7773c21200166f4e5458de65","href":"https://static.observableusercontent.com/files/2158a9687e9d942fa1b1dd45011e983cd541ef367bb07b1daf79a86d24d6509d87e1f52f8a3fdeb1e2d572096de2f8d05ff0147d7773c21200166f4e5458de65","name":"StonesLake.gpx","type":"application/xml","lastModified":1661802445988.882,"size":5341},{"id":"a93788baff459a301b209564bff839629d6a705615e276ead81706ad420e23b86dfe7f1916900bf4f80031af0fe95a6347f58c8b3f5daff6b7fdd34b1bd2f06d","href":"https://static.observableusercontent.com/files/a93788baff459a301b209564bff839629d6a705615e276ead81706ad420e23b86dfe7f1916900bf4f80031af0fe95a6347f58c8b3f5daff6b7fdd34b1bd2f06d","name":"BigCreekTrace.gpx","type":"application/xml","lastModified":1676730603741.98,"size":170874},{"id":"864ae58987c3d1612105735efca9d26cada1e9429f96dc1e95be4d7bdfefe3a756195771080fbd2ab82b2c3b1f8d9f2590dd231f1cadc60eb34f3f3520cc5e7f","href":"https://static.observableusercontent.com/files/864ae58987c3d1612105735efca9d26cada1e9429f96dc1e95be4d7bdfefe3a756195771080fbd2ab82b2c3b1f8d9f2590dd231f1cadc60eb34f3f3520cc5e7f","name":"BigCreek2.gpx","type":"application/xml","lastModified":1676911444074.968,"size":1246107},{"id":"440bc9abc8b14f5891ebb98ca78d612eba469c7e8748bfdba45a8b2307d89660aed63c7e2fa0db2d3fc84713c21705167063b75dbdcd1cdebb9093bf5f0f574c","href":"https://static.observableusercontent.com/files/440bc9abc8b14f5891ebb98ca78d612eba469c7e8748bfdba45a8b2307d89660aed63c7e2fa0db2d3fc84713c21705167063b75dbdcd1cdebb9093bf5f0f574c","name":"TsaliRightLeft.gpx","type":"application/xml","lastModified":1678507297240.082,"size":947130},{"id":"63d32a0bb4cedb6c4649be0211749948099dec584c7942412916c5952b9bb6757c87a63117e62548f0ea28e871a0d5dffefd30e771199e8dd809a9c48f547856","href":"https://static.observableusercontent.com/files/63d32a0bb4cedb6c4649be0211749948099dec584c7942412916c5952b9bb6757c87a63117e62548f0ea28e871a0d5dffefd30e771199e8dd809a9c48f547856","name":"Joseph.gpx","type":"application/xml","lastModified":1676146790427.287,"size":361336},{"id":"c2857f5d0576833775428a3e48e1d82626aaf8146cacb92be04e76d33848cb424293327c00af753fc6642adfd473d20320276db364768fdb06d106a48e4ff3c4","href":"https://static.observableusercontent.com/files/c2857f5d0576833775428a3e48e1d82626aaf8146cacb92be04e76d33848cb424293327c00af753fc6642adfd473d20320276db364768fdb06d106a48e4ff3c4","name":"DirtSkrrtPisgah.03.11.23.gpx","type":"application/xml","lastModified":1678627637116.512,"size":728498},{"id":"18a080d09d22dbe0d7bce7a6beefefa66719b9a6edec794b7b5f340fbffa16f8a89dcf3ee2ed3fbb81b86ea90b283afbf7f0a9d25cb7697e8d163c51b08fd1f1","href":"https://static.observableusercontent.com/files/18a080d09d22dbe0d7bce7a6beefefa66719b9a6edec794b7b5f340fbffa16f8a89dcf3ee2ed3fbb81b86ea90b283afbf7f0a9d25cb7697e8d163c51b08fd1f1","name":"BCG.02.05.2023.gpx","type":"application/xml","lastModified":1675681792216.568,"size":1247267},{"id":"9711c72d564804000b90d88f518fd6ae33a28b37e7b461afe96bc66f53cf3ec3ddbb1c60892aeb115406b81e11a4743615e0551890b9b46d2f46db99cb02a30b","href":"https://static.observableusercontent.com/files/9711c72d564804000b90d88f518fd6ae33a28b37e7b461afe96bc66f53cf3ec3ddbb1c60892aeb115406b81e11a4743615e0551890b9b46d2f46db99cb02a30b","name":"TowPathThanksgiving.gpx","type":"application/xml","lastModified":1669325442636.578,"size":1284875},{"id":"ba37bede44f2624cb98bebde3cda0ca8eb1a8123926ddd6e59243421c7e9c51ae5e2f55bc68ce8074577c0aa8a75708e64fb6d998f02a96b78d2e973a2b1056a","href":"https://static.observableusercontent.com/files/ba37bede44f2624cb98bebde3cda0ca8eb1a8123926ddd6e59243421c7e9c51ae5e2f55bc68ce8074577c0aa8a75708e64fb6d998f02a96b78d2e973a2b1056a","name":"DresdenToMeissen.GPX.gpx","type":"application/xml","lastModified":1686592783356.872,"size":2155513},{"id":"ba37bede44f2624cb98bebde3cda0ca8eb1a8123926ddd6e59243421c7e9c51ae5e2f55bc68ce8074577c0aa8a75708e64fb6d998f02a96b78d2e973a2b1056a","href":"https://static.observableusercontent.com/files/ba37bede44f2624cb98bebde3cda0ca8eb1a8123926ddd6e59243421c7e9c51ae5e2f55bc68ce8074577c0aa8a75708e64fb6d998f02a96b78d2e973a2b1056a","name":"DresdenToMeissen@1.GPX.gpx","type":"application/xml","lastModified":1686592844397.683,"size":2155513},{"id":"0026fa59e9cf5a0d8b3416fa630f2adf5de8d9f5bb72e447f5a74dfe070f5224569d3edfdcd805f06c6c5f7f2f39e10b864e3d89000b1e946d1c735c01668c0b","href":"https://static.observableusercontent.com/files/0026fa59e9cf5a0d8b3416fa630f2adf5de8d9f5bb72e447f5a74dfe070f5224569d3edfdcd805f06c6c5f7f2f39e10b864e3d89000b1e946d1c735c01668c0b","name":"DresdenToSaxony 2.gpx","type":"application/xml","lastModified":1686720064364.148,"size":1381487},{"id":"beeac939439713411412a59fdb4c2d4c22f3142b974e7ab3d9b191a0206be6e150fe64d765a5d03a49d61700373f682cf16026c88a40363360c93f5f211c7386","href":"https://static.observableusercontent.com/files/beeac939439713411412a59fdb4c2d4c22f3142b974e7ab3d9b191a0206be6e150fe64d765a5d03a49d61700373f682cf16026c88a40363360c93f5f211c7386","name":"DresdenToSaxony 3.gpx","type":"application/xml","lastModified":1686720939521.586,"size":1591860},{"id":"b3d36ad12b40d27dbe33d745e80d793964d6b2b5fe2579aa4f53bc4298ef296867ac0cd7299c4835b2fedbda0ae99db2dcc957d4ab341b6735cfd8f3fe637edf","href":"https://static.observableusercontent.com/files/b3d36ad12b40d27dbe33d745e80d793964d6b2b5fe2579aa4f53bc4298ef296867ac0cd7299c4835b2fedbda0ae99db2dcc957d4ab341b6735cfd8f3fe637edf","name":"OakRidgeMTB.gpx","type":"application/xml","lastModified":1696095399595.163,"size":493024},{"id":"cfddb91e45dd2ba1694b05742ad511c3364d7800a7241103fb96a5732c4075f9cbd96abad7ed1e067dbd2aa9929c750698621f9482ffd9fb5a006faa5e7a49fd","href":"https://static.observableusercontent.com/files/cfddb91e45dd2ba1694b05742ad511c3364d7800a7241103fb96a5732c4075f9cbd96abad7ed1e067dbd2aa9929c750698621f9482ffd9fb5a006faa5e7a49fd","name":"KitsumaAndBernard.gpx","type":"application/xml","lastModified":1699125379526.69,"size":1147292},{"id":"47dea8ee2e7bd3884f6f60fd1edb8fee348f641e04cb304cacba6371fc57f7f47c9a00fb094f1f57e2efaa7dfb5619665528d41a4d6e265cd98ade68a6fbc4c3","href":"https://static.observableusercontent.com/files/47dea8ee2e7bd3884f6f60fd1edb8fee348f641e04cb304cacba6371fc57f7f47c9a00fb094f1f57e2efaa7dfb5619665528d41a4d6e265cd98ade68a6fbc4c3","name":"TowpathFromKrissis.gpx","type":"application/xml","lastModified":1700784099551.524,"size":1903019},{"id":"6d3dec6fdf90b198ab21378257abbf01a0469be5e9758949cff4f1a34c185dd8d50c4702e2b06c7998b921a62ade9c6b8e2eafe6013f7ecf1e1ddae1d69a8383","href":"https://static.observableusercontent.com/files/6d3dec6fdf90b198ab21378257abbf01a0469be5e9758949cff4f1a34c185dd8d50c4702e2b06c7998b921a62ade9c6b8e2eafe6013f7ecf1e1ddae1d69a8383","name":"SciotaAndOlentangy.gpx","type":"application/xml","lastModified":1688590943322.706,"size":1431567},{"id":"6d9f14b6bc32e58b2f299937dc2501418c3e5a91c8111ab5ee4527eea86a9b3b16a130cb68af335c353bf5aadb081573c1353914a88eb56b5c394cb89d9d7e34","href":"https://static.observableusercontent.com/files/6d9f14b6bc32e58b2f299937dc2501418c3e5a91c8111ab5ee4527eea86a9b3b16a130cb68af335c353bf5aadb081573c1353914a88eb56b5c394cb89d9d7e34","name":"SanFran.gpx","type":"application/xml","lastModified":1704414607900.643,"size":344071},{"id":"4a42cfbbb2efc58f0bf08bb2e5270037a8fe8593485e12d5cd535f7502af894841fa311c0b53e2328bd56197c1cf424c1bc1a305bafda42d669f3952cd05bba1","href":"https://static.observableusercontent.com/files/4a42cfbbb2efc58f0bf08bb2e5270037a8fe8593485e12d5cd535f7502af894841fa311c0b53e2328bd56197c1cf424c1bc1a305bafda42d669f3952cd05bba1","name":"SanFranWalk.gpx","type":"application/xml","lastModified":1704418094940.978,"size":382131},{"id":"cbae497536b7b29e118c2616717280cd07d616d00fa378d05760bdc82cca6dea890f3d4f88c4d1fae979c573660aa062f40b36e9fc0cc75ef486752a1e5e1168","href":"https://static.observableusercontent.com/files/cbae497536b7b29e118c2616717280cd07d616d00fa378d05760bdc82cca6dea890f3d4f88c4d1fae979c573660aa062f40b36e9fc0cc75ef486752a1e5e1168","name":"AdrienneRide.gpx","type":"application/xml","lastModified":1691967714082.004,"size":554074}] 2c:{"id":"236f4450264ea8bb","slug":null,"title":"GPX rides with Mapbox","thumbnail":"599248f811b6226fc86dfab44ab4541b9c90675e5412f493e57fa2fd3a9e039c","access_level":"unlisted","create_time":"$D2022-05-31T01:35:52.911Z","update_time":"$D2025-06-06T21:30:12.579Z","view_time":null,"first_public_time":"$D2022-10-17T00:16:39.072Z","fork":{"id":"74ff6d9b6aab8384","slug":"gpx-rides-with-maplibre-and-maptiler","title":"GPX rides with Maplibre and Maptiler","owner":{"id":"d771c8ae812d5130","login":"mcmcclur","name":"Mark McClure"}},"stars":2,"starred":false,"owner":{"type":"team","id":"d771c8ae812d5130","login":"mcmcclur","name":"Mark McClure","avatar_url":"https://avatars-next.observableusercontent.com/e615e819ce83d43faef607e48c53c5ff63943aa0ba9f5848499bd02fef7396f4","tier":"starter_2024"},"version":1010,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c3301e515dd08a41","login":"mcmcclur","name":"Mark McClure","avatar_url":"https://avatars-next.observableusercontent.com/e615e819ce83d43faef607e48c53c5ff63943aa0ba9f5848499bd02fef7396f4","tier":null}],"members":[{"type":"individual","id":"c3301e515dd08a41","login":"mcmcclur","name":"Mark McClure","avatar_url":"https://avatars-next.observableusercontent.com/e615e819ce83d43faef607e48c53c5ff63943aa0ba9f5848499bd02fef7396f4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"f33b2a22ea06cbf0","slug":"maps","title":"Maps","owner":{"id":"d771c8ae812d5130","login":"mcmcclur","name":"Mark McClure"}},"type":"notebook","body":{"title":"GPX rides with Mapbox","cells":[{"id":0,"value":"# GPX rides with Mapbox\n\nThis is a rewrite of my earlier [GPX rides with Leaflet and Open Street Map notebook](https://observablehq.com/@mcmcclur/gpx-rides-with-leaflet) that displays a few of the bike rides I've done in Asheville over the years but rewritten to use Mapbox. I've also deleted the commentary on the rides, as the main objective is to [embed the map nicely](https://wncviz.com/cycling_maps/).","pinned":false,"hidden":false,"mode":"md"},{"id":739,"value":"#### Choose a ride to view:","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"container = {\n let container = d3.create(\"div\");\n container.style(\"height\", height);\n return container.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"elevation_chart_container = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":743,"value":"You can touch or hover over the elevation chart to see where you are in the ride.","pinned":false,"hidden":false,"mode":"md"},{"id":751,"value":"## Query strings\n\nThe code recognizes three parameters in a query string that I can use to share rides with friends:\n\n * A `gpx` parameter indicating a GPX file of the ride you want to share,\n * a `menu` parameter that you can use to show the ride menu, which is hidden by default when specifying a GPX file.\n\nFor example: \n\n * https://wncviz.com/cycling_maps/?gpx=CadillacMountain or\n * https://wncviz.com/cycling_maps/?gpx=CadillacMountain&menu=1\n\nNote that a GPX file must be uploaded as a `FileAttachment` and included in the `other_files` list to be accessible in the query string.","pinned":false,"hidden":false,"mode":"md"},{"id":922,"value":"### Web page text\n\nThe following cell is for the version embedded into a standalone webpage.","pinned":false,"hidden":false,"mode":"md"},{"id":924,"value":"

\n I've been cycling in and around Asheville since 1998. Here are just a few of the awesome rides I've done in the area.\n

\n When you select a ride from the ride menu in the upper left, the corresponding route and elevation chart should appear. You can touch or hover over the elevation chart to see how the points on the chart correspond to points on the map.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":553,"value":"## Code","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"map = {\n const map = new mapboxgl.Map({\n container: container,\n zoom: 12.2,\n center: [-82.5599, 35.5753],\n style: \"mapbox://styles/mapbox/outdoors-v12\"\n });\n map.dragRotate.disable();\n map.touchZoomRotate.disableRotation();\n\n map.on(\"load\", async function () {\n map.addControl(\n new mapboxgl.NavigationControl({ showCompass: false }),\n \"top-right\"\n );\n map.addControl(\n new mapboxgl.GeolocateControl({ trackUserLocation: true }),\n \"top-right\"\n );\n if (Object.keys(other_files).indexOf(params.get(\"gpx\")) > -1) {\n d3.select(webpage_text).style(\"opacity\", 0);\n let pts = get_trkpts(await other_files[params.get(\"gpx\")].text());\n add_path(map, pts);\n make_elevation_chart(pts, map);\n }\n });\n\n return map;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":908,"value":"{\n if (Object.keys(other_files).indexOf(params.get(\"gpx\")) > -1) {\n d3.select(webpage_text).style(\"opacity\", 0);\n let pts = get_trkpts(await other_files[params.get(\"gpx\")].text());\n return pts;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":970,"value":"{\n let s = \"JarrettCreek\";\n\n return s.split(\"--\");\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":593,"value":"// The height of the map.\n// Should be redefined to \"100%\" on embed.\nheight = \"720px\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":551,"value":"global_markers = ({ start_marker: null, stop_marker: null })","pinned":true,"hidden":false,"mode":"ojs"},{"id":396,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"// Parse the GPX file and return a list of [lat,lon] points.\n// Each point optionally has a ele(vation) and time keys.\nfunction get_trkpts(file_string) {\n let parsed = parser.parseFromString(file_string, \"text/xml\");\n let trkpts = parsed.getElementsByTagName(\"trkpt\");\n let pts = [];\n for (let trkpt of trkpts) {\n let pt = [\n parseFloat(trkpt.getAttribute(\"lon\")),\n parseFloat(trkpt.getAttribute(\"lat\"))\n ];\n try {\n let ele = trkpt.getElementsByTagName(\"ele\")[0].textContent;\n pt.ele = 3.28084 * parseFloat(ele);\n } catch (e) {\n (\"pass\");\n }\n try {\n let time = trkpt.getElementsByTagName(\"time\")[0].textContent;\n pt.time = parseTime(time);\n } catch (e) {\n (\"pass\");\n }\n pts.push(pt);\n }\n let lons = pts.map((pt) => pt[0]);\n pts.min_lon = d3.min(lons);\n pts.max_lon = d3.max(lons);\n let lats = pts.map((pt) => pt[1]);\n pts.min_lat = d3.min(lats);\n pts.max_lat = d3.max(lats);\n return pts;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":282,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":280,"value":"// Given an *ordered* array arr and a value t, this finds the index\n// of the laregest element of arr that is less than t.\n// Used when we hover over the elevation chart to quickly find the\n// corresponding point on the path.\n\nfunction binarySearch(arr, t, bail = 100) {\n let cnt = 0;\n let m = 0;\n let n = arr.length;\n let a = arr[0];\n let b = arr[n - 1];\n if (t <= a) {\n return 0;\n } else if (t >= b) {\n return n - 1;\n } else {\n let k;\n while (n - m > 1 && cnt++ < bail) {\n k = Math.floor((m + n) / 2);\n let c = arr[k];\n if (t <= c) {\n b = c;\n n = k;\n } else {\n a = c;\n m = k;\n }\n }\n return k;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":588,"value":"## All kinds of parsing","pinned":false,"hidden":false,"mode":"md"},{"id":278,"value":"formatTime = d3.timeFormat(\"%a, %b %e, %Y\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":65,"value":"function parseTime(s) {\n let t1 = parseTime1(s);\n let t2 = parseTime2(s);\n if (t1) {\n return t1;\n } else {\n return t2;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"parseTime2 = d3.utcParse(\"%Y-%m-%dT%H:%M:%SZ\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"parseTime1 = d3.utcParse(\"%Y-%m-%dT%H:%M:%S.%LZ\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"parser = new DOMParser()","pinned":true,"hidden":false,"mode":"ojs"},{"id":586,"value":"params = new URLSearchParams(location.search)","pinned":true,"hidden":false,"mode":"ojs"},{"id":572,"value":"## GPX Data","pinned":false,"hidden":false,"mode":"md"},{"id":575,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":578,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":942,"value":"{\n let pts = get_trkpts(await menu_files[\"Road: Coxes Creek\"].text());\n return (pts.slice(-1)[0].time - pts[0].time) / 1000 / 60 ** 2;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":895,"value":"{\n let pts = get_trkpts(await menu_files[\"GRVL: Yellow Gap\"].text());\n return (pts.slice(-1)[0].time - pts[0].time) / 1000 / 60 ** 2;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":876,"value":"{\n let pts = get_trkpts(await other_files.Whistler.text());\n return (pts.slice(-1)[0].time - pts[0].time) / 1000 / 60 ** 2;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":570,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":561,"value":"\n","pinned":true,"hidden":false,"mode":"html"},{"id":784,"value":"import { mb_token } from \"@mcmcclur/mapbox-token\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":786,"value":"mapboxgl = {\n let mapboxgl = await require(\"mapbox-gl@2\");\n mapboxgl.accessToken = mb_token;\n return mapboxgl;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}} 2d:"$2c:body"